@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap');

*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --cream:#FAF7F2;
  --beige:#EDE4D4;
  --beige2:#D9CCBA;
  --beige3:#C8B89E;
  --sage:#7A9E7E;
  --sage2:#4A7A4E;
  --sage3:#2E5732;
  --sage-light:#DFF0E0;
  --sage-pale:#B8DAB9;
  --sage-section:#EBF4EB;
  --warm:#C4956A;
  --text1:#1E1E1E;
  --text2:#4A4A4A;
  --text3:#7A7A7A;
  --white:#FFFFFF;
  --red:#E05252;
  --font-display:'Cormorant Garamond',serif;
  --font-body:'DM Sans',sans-serif;
  --radius:16px;
  --shadow:0 4px 24px rgba(0,0,0,0.08);
  --shadow-lg:0 16px 48px rgba(0,0,0,0.12);
}

html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--text1);background:var(--beige);overflow-x:hidden;}

/* TYPOGRAPHY */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;}
.section-tag{font-size:11px;font-weight:500;color:var(--sage2);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:12px;}
.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.1;color:var(--text1);margin-bottom:12px;}
.section-title em{font-style:italic;color:var(--sage2);}
.section-sub{font-size:15px;color:var(--text2);line-height:1.75;font-weight:300;}

/* BUTTONS */
.btn-primary{display:inline-block;background:var(--sage2);color:var(--white);font-size:15px;font-weight:500;padding:13px 30px;border-radius:50px;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;font-family:var(--font-body);}
.btn-primary:hover{background:var(--sage3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(74,122,78,0.3);}
.btn-secondary{display:inline-block;background:transparent;color:var(--text1);font-size:15px;font-weight:400;padding:13px 30px;border-radius:50px;text-decoration:none;border:1.5px solid var(--beige3);transition:all 0.2s;cursor:pointer;font-family:var(--font-body);}
.btn-secondary:hover{border-color:var(--sage);color:var(--sage2);}
.btn-white{display:inline-block;background:var(--white);color:var(--sage2);font-size:15px;font-weight:500;padding:13px 30px;border-radius:50px;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;font-family:var(--font-body);}
.btn-white:hover{background:var(--cream);}
.btn-danger{background:var(--red);color:var(--white);border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-family:var(--font-body);font-size:14px;}

/* NAV PUBLIC */
.nav-public{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;background:rgba(237,228,212,0.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--beige3);}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--sage),var(--sage2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;}
.nav-logo-name{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text1);font-style:italic;}
.nav-links{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:14px;color:var(--text2);text-decoration:none;transition:color 0.2s;}
.nav-links a:hover{color:var(--sage2);}

/* NAV MEMBER */
.nav-member{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--white);border-bottom:1px solid var(--beige2);position:sticky;top:0;z-index:100;box-shadow:var(--shadow);}
.nav-member-links{display:flex;gap:8px;}
.nav-member-links a{font-size:13px;color:var(--text2);text-decoration:none;padding:8px 14px;border-radius:8px;transition:all 0.2s;}
.nav-member-links a:hover,.nav-member-links a.active{background:var(--sage-light);color:var(--sage2);}
.nav-member-right{display:flex;align-items:center;gap:12px;}
.nav-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sage-pale),var(--sage2));display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;}

/* CARDS */
.card{background:var(--white);border:1px solid var(--beige2);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);}
.card-cream{background:var(--cream);border:1px solid var(--beige2);border-radius:var(--radius);padding:24px;}

/* FORM ELEMENTS */
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text2);margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--beige2);border-radius:10px;font-family:var(--font-body);font-size:14px;color:var(--text1);background:var(--white);outline:none;transition:border-color 0.2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--sage);}
.form-group textarea{resize:vertical;min-height:80px;}
.form-error{font-size:12px;color:var(--red);margin-top:4px;display:none;}

/* ALERTS */
.alert{padding:14px 18px;border-radius:10px;font-size:14px;margin-bottom:16px;}
.alert-success{background:var(--sage-light);color:var(--sage3);border:1px solid var(--sage-pale);}
.alert-error{background:#fdeaea;color:#c0392b;border:1px solid #f5b7b7;}
.alert-info{background:#eef4ff;color:#2563eb;border:1px solid #bfdbfe;}

/* BADGE */
.badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:500;}
.badge-green{background:var(--sage-light);color:var(--sage2);}
.badge-warm{background:#fef3e2;color:var(--warm);}
.badge-gray{background:var(--beige);color:var(--text3);}

/* FOOTER */
footer.site-footer{background:var(--text1);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.footer-logo{font-family:var(--font-display);font-size:20px;color:var(--white);font-style:italic;}
.footer-links{display:flex;gap:24px;}
.footer-links a{font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.3);}

/* PROGRESS BAR */
.progress-bar{background:var(--beige2);border-radius:50px;height:8px;overflow:hidden;}
.progress-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,var(--sage),var(--sage2));transition:width 0.5s ease;}

/* STAR RATING */
.stars{display:flex;gap:4px;}
.star{font-size:20px;cursor:pointer;color:var(--beige3);transition:color 0.1s;}
.star.active,.star:hover{color:var(--warm);}

/* RESPONSIVE */
@media(max-width:768px){
  .nav-public{padding:14px 20px;}
  .nav-links{display:none;}
  .nav-member{padding:10px 16px;}
  .nav-member-links a span{display:none;}
  footer.site-footer{padding:28px 20px;flex-direction:column;text-align:center;}
}