:root{--cover:#14233f;--deep:#0d1730;--gilt:#d9b45a;--stamp:#e0505f;--paper:#f2f5fa;--ink:#1b2436;--pride:linear-gradient(90deg, #e4453a, #f28c28, #f5d130, #3fae5a, #2f7fd6, #8a4fc4);--display:"Bricolage Grotesque", system-ui, sans-serif;--body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{font-family:var(--body);color:#e8ecf5;background:var(--deep);margin:0;line-height:1.6}h1,h2,h3{font-family:var(--display);margin:0 0 .6em;line-height:1.05}h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}p{max-width:62ch;margin:0 0 1em}a{color:inherit}:focus-visible{outline:3px solid var(--gilt);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.nav{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1730eb;border-bottom:1px solid #d9b45a40;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.nav b{font-family:var(--display);font-size:1.15rem}.nav div{gap:1.4rem;display:flex}.nav a{font-weight:500;text-decoration:none}.nav a:hover{color:var(--gilt)}.section{max-width:1100px;margin:0 auto;padding:clamp(4rem,9vw,7rem) clamp(1rem,4vw,3rem)}.btn{cursor:pointer;font:700 1rem var(--body);background:var(--gilt);color:var(--deep);border:0;border-radius:999px;padding:.85rem 1.6rem;text-decoration:none;transition:transform .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:inherit;background:0 0;border:2px solid}.btn.danger{background:var(--stamp);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{background:var(--cover);grid-template-columns:1.3fr 1fr;align-items:center;gap:3rem;max-width:none;min-height:calc(100vh - 3.5rem);display:grid}.hero>*{max-width:1100px}.hero h1{letter-spacing:-.03em;font-size:clamp(3rem,9vw,6.5rem);font-weight:800}.hero p{color:#c5cee3;font-size:1.2rem}.stamp{aspect-ratio:1;border:5px double var(--stamp);width:min(320px,80vw);color:var(--stamp);text-align:center;font-family:var(--display);border-radius:50%;place-content:center;justify-self:center;font-weight:800;animation:.7s cubic-bezier(.2,1.4,.4,1) both thud;display:grid;transform:rotate(-9deg)}.stamp small{font:700 .8rem var(--body);letter-spacing:.12em}.stamp strong{margin:.35rem 0;font-size:2.6rem;line-height:1}.stamp i{background:var(--pride);border-radius:4px;width:70%;height:8px;margin:.5rem auto;display:block}@keyframes thud{0%{opacity:0;transform:rotate(-9deg)scale(1.6)}}.about{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.facts{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.facts li{border-left:4px solid var(--gilt);padding-left:1.1rem}.facts b{font-family:var(--display);font-size:1.15rem;display:block}.quiz-wrap{background:var(--paper);color:var(--ink);max-width:none}.quiz-wrap>*{max-width:760px;margin-left:auto;margin-right:auto}.quiz-wrap h2{text-align:center}.quiz-card{background:#fff;border-radius:18px;padding:clamp(1.4rem,4vw,2.6rem);box-shadow:0 10px 40px #14233f1f}.progress{background:#e3e8f2;border-radius:4px;height:8px;margin-bottom:1.6rem;overflow:hidden}.progress span{background:var(--pride);height:100%;transition:width .3s;display:block}.quiz-card h3{font-size:1.7rem}.choices{gap:.7rem;margin-top:1.4rem;display:grid}.choice{text-align:left;font:500 1.05rem var(--body);cursor:pointer;color:var(--ink);background:#fff;border:2px solid #d6ddec;border-radius:12px;padding:1rem 1.2rem}.choice:hover{border-color:var(--cover);background:#f6f8fc}.result{text-align:center}.result .stamp{margin:0 auto 1.5rem;animation-delay:.1s}.result .stamp strong{font-size:1.7rem}.drink{background:var(--cover);color:#fff;border-radius:14px;margin:.4rem 0 1.4rem;padding:1rem 1.6rem;display:inline-block}.drink b{font:800 1.5rem var(--display);color:var(--gilt);display:block}.muted{color:#6a7692}.error{color:var(--stamp);font-weight:500}footer{text-align:center;color:#93a0bd;border-top:4px solid #0000;-o-border-image:var(--pride) 1;border-image:var(--pride) 1;padding:2rem}.admin h1{margin:0;font-size:2rem}.panel{background:#fff;border-radius:14px;margin-bottom:1rem;padding:1.4rem;box-shadow:0 4px 18px #14233f14}.panel h3{margin-bottom:.4rem;font-size:1.2rem}.panel ul{margin:.4rem 0 1rem;padding-left:1.2rem}.panel .type{color:#6a7692;font-size:.9rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.actions .btn{padding:.5rem 1.1rem;font-size:.9rem}label{margin:1rem 0 .3rem;font-weight:700;display:block}input,select{width:100%;font:1rem var(--body);color:var(--ink);background:#fff;border:2px solid #d6ddec;border-radius:10px;padding:.7rem .8rem}.opt-row{grid-template-columns:1fr 200px auto;gap:.5rem;margin-bottom:.5rem;display:grid}.opt-row .btn{padding:.5rem 1rem}.login{max-width:380px;margin:12vh auto}@media (width<=800px){.hero,.about{grid-template-columns:1fr}.stamp{order:-1;width:220px}.opt-row{grid-template-columns:1fr}.nav div{gap:.9rem}}.overlay{z-index:50;color:var(--ink);background:#080e1ec7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow:auto}.modal{width:min(560px,100%);max-height:calc(100vh - 2rem);position:relative;overflow:auto}.modal-x{cursor:pointer;color:#6a7692;background:0 0;border:0;font-size:2rem;line-height:1;position:absolute;top:.5rem;right:.9rem}.modal-x:hover{color:var(--ink)}.ask-actions{flex-wrap:wrap;gap:.7rem;margin-top:.4rem;display:flex}:root{--deep:#0b0b12;--cover:#15151f;--gilt:#d2a56a}html{scroll-padding-top:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0b0b12e6,#0b0b1273);border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;padding:.85rem clamp(1rem,5vw,4rem);display:grid;position:fixed;inset:0 0 auto}.nav .brand{width:max-content;font:800 1.05rem var(--display);letter-spacing:.22em;flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.nav .brand small{font:500 .6rem var(--body);letter-spacing:.5em;color:var(--gilt)}.nav .links{gap:2.2rem;display:flex}.nav .links a{letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;text-decoration:none}.nav .cta{color:var(--gilt);border:2px solid var(--gilt);font:700 .78rem var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;justify-self:end;padding:.7rem 1.3rem}.nav .cta:hover{background:var(--gilt);color:var(--deep)}.hero-stamp-img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:50%;width:190px;margin:0 auto 1.6rem;display:block}.hero{text-align:center;background:#000;grid-template-columns:1fr;place-items:center;gap:0;min-height:100vh;padding:7rem 1rem 4rem;display:grid;position:relative;overflow:hidden}.hero>.collage{grid-template-columns:repeat(6,1fr);gap:14px;max-width:none;display:grid;position:absolute;inset:-18%;transform:rotate(-9deg)}.collage i{aspect-ratio:3/4;background:var(--g);background-position:50%;background-size:cover;border-radius:3px}.hero:after{content:"";z-index:1;background:radial-gradient(#0000008c,#000000e0);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero h1{margin-bottom:.3em;font-size:clamp(2.8rem,8vw,6rem)}.hero p{color:#d6dbe8;margin-inline:auto}.hero .stamp{color:#fff;border-color:#fff;width:190px;margin:0 auto 1.6rem}.hero .stamp strong{font-size:1.4rem}.hero .stamp small{font-size:.55rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem;display:flex}.hero .btn{text-transform:uppercase;letter-spacing:.14em;border-radius:2px;padding:1rem 1.8rem;font-size:.82rem}.btn.outline{color:#fff;background:0 0;border:2px solid #fff;padding:calc(1rem - 2px) calc(1.8rem - 2px)}.rail{z-index:20;background:#000000d9;flex-direction:column;gap:1.3rem;padding:1.2rem 1.1rem;display:flex;position:fixed;bottom:5.4rem;left:0}.rail svg{fill:#fff;width:22px;height:22px;display:block}.tab{z-index:20;background:#10203f;align-items:center;display:flex;position:fixed;bottom:14px;left:14px}.tab button{color:#fff;cursor:pointer;font:700 .72rem var(--body);letter-spacing:.06em;background:0 0;border:0}.tab-go{text-align:center;max-width:190px;padding:.9rem .4rem .9rem 1.1rem;line-height:1.3}.tab-x{padding:.9rem 1rem;line-height:1;font-size:1.4rem!important}.menu-toggle,.mobile-only{display:none}@media (width<=800px){.nav{grid-template-columns:1fr auto}.desktop-only{display:none}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-self:end;gap:5px;padding:.4rem;display:flex}.menu-toggle span{background:#fff;width:24px;height:2px;display:block}.nav .links{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0b0b12f7;flex-direction:column;gap:.3rem;padding:1.2rem;transition:all .2s;display:flex;position:fixed;inset:60px 0 auto;transform:translateY(-12px)}.nav .links a{padding:.8rem .4rem}.nav .links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav .links .mobile-only{margin-top:.5rem;display:block}.rail{display:none}.hero>.collage{grid-template-columns:repeat(4,1fr)}}.contact-form .btn{text-transform:uppercase;letter-spacing:.14em;border-radius:2px;margin-top:1rem;padding:1rem 2rem;font-size:.82rem}.contact-form .muted{color:#93a0bd}.small{margin-top:1rem;font-size:.85rem}.ok{color:#7fd6a0;font-weight:500}:root{--adm-bg:#f2f5fa;--adm-panel:#fff;--adm-ink:#1b2436;--adm-muted:#6a7692;--adm-border:#d6ddec;--adm-sidebar:#14233f}:root[data-admin-theme=dark]{--adm-bg:#10161f;--adm-panel:#1a2233;--adm-ink:#e8ecf5;--adm-muted:#93a0bd;--adm-border:#2c3a52;--adm-sidebar:#0b1220}.admin{background:var(--adm-bg);color:var(--adm-ink);min-height:100vh}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{background:var(--adm-sidebar);color:#fff;flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:1.4rem 1rem;display:flex;position:sticky;top:0}.admin-brand{font-family:var(--display);letter-spacing:.06em;padding:.4rem .6rem 1.4rem;font-size:1.05rem;font-weight:800;line-height:1.2}.admin-brand span{font:500 .7rem var(--body);letter-spacing:.2em;color:var(--gilt);text-transform:uppercase;display:block}.admin-sidebar nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.admin-sidebar nav a{color:#c7d0e6;border-radius:8px;padding:.7rem .8rem;font-weight:500;text-decoration:none}.admin-sidebar nav a:hover{color:#fff;background:#ffffff0f}.admin-sidebar nav a.active{background:var(--gilt);color:var(--deep);font-weight:700}.admin-sidebar-foot{border-top:1px solid #ffffff1f;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.admin-sidebar-foot .btn,.admin-sidebar-foot form{width:100%}.admin-sidebar-foot .btn.ghost{color:#fff;text-align:center;border-color:#ffffff59;width:100%}.admin-main{flex:1;min-width:0}.admin-inner{max-width:860px;margin:0 auto;padding:2.4rem 1.5rem 4rem}.admin-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-bar h1{margin:0;font-size:2rem}.admin .panel{background:var(--adm-panel);color:var(--adm-ink);box-shadow:0 4px 18px #00000014}.admin .panel .type,.admin .muted{color:var(--adm-muted)}.admin label{color:var(--adm-ink)}.admin input,.admin select{background:var(--adm-panel);color:var(--adm-ink);border-color:var(--adm-border)}.admin .login{max-width:380px;margin:12vh auto}@media (width<=900px){.admin-shell{flex-direction:column}.admin-sidebar{flex-flow:wrap;align-items:center;gap:.5rem;width:100%;height:auto;position:static}.admin-sidebar nav{flex-flow:wrap}.admin-sidebar-foot{border-top:0;flex-flow:wrap;padding-top:0}.admin-sidebar-foot .btn,.admin-sidebar-foot form{width:auto}.about.about-with-image{display:block}.about-with-image .about-main{flex-direction:column;align-items:stretch;gap:2rem;display:flex}.about-with-image .about-text{flex:50%}.about-with-image .about-image{border-radius:1.5rem;flex:50%;min-height:260px;position:relative;overflow:hidden}.about-with-image .about-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-with-image .facts{margin-top:2.5rem}@media (width>=768px){.about-with-image .about-main{flex-direction:row;align-items:center;gap:3rem}.about-with-image .about-image{min-height:360px}}.read-more{color:#1a0b2e;background:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.read-more:hover{opacity:.9}}