:root{--color-primary-dark:#051b10;--color-primary-mid:#0b2e1c;--color-primary-natural:#164e2d;--color-primary-light:#e6f4ea;--color-primary-sage:#2d5a3f;--color-accent-gold:#d4af37;--color-accent-gold-light:#fef0c7;--color-accent-gold-hover:#c59b27;--color-accent-copper:#b47a3e;--color-bg-pearl:#fdfbf7;--color-bg-warm:#f6f2e9;--color-bg-card:#ffffff;--color-text-charcoal:#1a221e;--color-text-muted:#5a6660;--color-white:#ffffff;--color-border:#e8e2d5;--color-border-gold:rgba(212,175,55,0.3);--color-error:#b91c1c;--color-success:#15803d;--font-serif:"Cormorant Garamond",Georgia,serif;--font-display:"Cinzel",serif;--font-sans:"Plus Jakarta Sans","Outfit",system-ui,-apple-system,sans-serif;--gradient-gold:linear-gradient(135deg,#d4af37,#fef3c7 50%,#b48a1a);--gradient-emerald:linear-gradient(135deg,#051b10,#0c331f 60%,#174b2f);--gradient-card:linear-gradient(180deg,#ffffff,#faf8f3);--gradient-gold-text:linear-gradient(135deg,#e5c07b,#fef0c7 50%,#c59b27);--shadow-sm:0 4px 12px rgba(5,27,16,0.04);--shadow-md:0 8px 24px rgba(5,27,16,0.08);--shadow-lg:0 16px 40px rgba(5,27,16,0.14);--shadow-gold-glow:0 8px 24px rgba(212,175,55,0.25);--shadow-glass:0 8px 32px 0 rgba(5,27,16,0.12);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--transition-fast:0.2s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.35s cubic-bezier(0.16,1,0.3,1);--transition-smooth:0.5s cubic-bezier(0.16,1,0.3,1);--max-width:1240px}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-bg-pearl);color:var(--color-text-charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;margin:0;padding:0}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-primary-dark);font-weight:700;line-height:1.15;letter-spacing:-.01em}.title-display{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}[role=button],a,button,input[type=button],input[type=submit]{color:inherit;text-decoration:none;transition:var(--transition-fast);-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}[role=button]:active,a:active,button:active{transform:scale(.97);transition:transform .1s cubic-bezier(.2,.8,.4,1);filter:brightness(.94)}.sanoi-tap-ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(212,175,55,.35) 0,rgba(212,175,55,0) 70%);animation:sanoiRippleAnim .55s ease-out forwards;pointer-events:none;z-index:10}@keyframes sanoiRippleAnim{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.glass-panel{background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.2)}.glass-dark{background:rgba(5,27,16,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.25)}.gold-text-shimmer{background:var(--gradient-gold-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGold{0%{box-shadow:0 0 0 0 rgba(212,175,55,.4)}70%{box-shadow:0 0 0 12px rgba(212,175,55,0)}to{box-shadow:0 0 0 0 rgba(212,175,55,0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 36px;background:var(--gradient-gold);color:var(--color-primary-dark);font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-gold-glow);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box;line-height:1}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px rgba(212,175,55,.45);color:var(--color-primary-dark)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:rotate(30deg);transition:var(--transition-smooth);opacity:0}.btn-primary:hover:after{opacity:1;animation:shimmer 1.5s infinite}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 36px;background:#f3f4f6;color:var(--color-primary-dark);font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid #d1d5db;transition:var(--transition-normal);cursor:pointer;box-sizing:border-box;line-height:1}.btn-secondary:hover{background:#e5e7eb;color:#111827;border-color:#9ca3af;transform:translateY(-2px)}div[class*=hero] .btn-secondary,section[class*=hero] .btn-secondary{background:transparent;color:var(--color-white);border:1px solid var(--color-accent-gold)}div[class*=hero] .btn-secondary:hover,section[class*=hero] .btn-secondary:hover{background:rgba(212,175,55,.15);color:var(--color-accent-gold-light);border-color:#fff}.pill-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);color:var(--color-accent-gold);padding:6px 16px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-full)}html{scrollbar-width:thin;scrollbar-color:var(--color-accent-gold) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-gold) 0,var(--color-primary-sage) 100%);border-radius:var(--radius-full);border:none}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold)}