@font-face{font-family:'Lilita One';src:url('assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Nunito';src:url('assets/fonts/Nunito-Variable.ttf') format('truetype-variations');font-weight:200 1000;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 70% 60% at 50% 40%,#2b1f4e,#1a1338 70%,#140f2b) fixed;font-family:Nunito,system-ui,sans-serif;color:#cfc7ef}
a{color:#ffb84d}a:hover{color:#ffd27a}
.nav{height:80px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,8vw,120px);background:#1a1240;border-bottom:3px solid #120c26}
.logo{display:flex;align-items:center;gap:12px;font-family:'Lilita One';font-size:28px;color:#ffb013;-webkit-text-stroke:1px #5a2c00;letter-spacing:1px;text-decoration:none}
.logo img{width:40px;height:40px;border-radius:10px}
.links{display:flex;gap:clamp(16px,3vw,36px);font:900 15px Nunito;letter-spacing:1px;white-space:nowrap}
.links a{color:#a99ad8;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.links a:hover{color:#fff}
.links a.on{color:#ffb84d;border-bottom-color:#ff8c1a}
main{flex:1;display:flex;flex-direction:column;align-items:center;padding:72px 24px 88px}
.hero{justify-content:center;text-align:center;gap:36px}
h1{margin:0;font-family:'Lilita One';font-weight:400;font-size:clamp(44px,7vw,84px);line-height:1.05;color:#ffb013;-webkit-text-stroke:2px #5a2c00;text-shadow:0 6px 0 #5a2c00,0 14px 30px rgba(0,0,0,.4);letter-spacing:1px}
.page h1{font-size:clamp(40px,5vw,56px);text-shadow:0 5px 0 #5a2c00}
.lead{margin:0;font:700 clamp(16px,2vw,19px)/1.55 Nunito;color:#cfc7ef;max-width:560px}
.stores{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.store{height:64px;padding:0 30px;border-radius:14px;background:#2b2150;border:2.5px solid #382a63;box-shadow:inset 0 3px 0 rgba(255,255,255,.05),0 5px 0 #120c26;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.store small{font:900 10px Nunito;color:#6b5f99;letter-spacing:1.5px}
.store span{font-family:'Lilita One';font-size:22px;color:#8a7fc0}
.col{width:100%;max-width:680px;display:flex;flex-direction:column;gap:28px}
.col.center{max-width:600px;align-items:center;text-align:center}
.card{width:100%;background:#2b2150;border:2px solid #382a63;border-radius:18px;box-shadow:0 6px 0 #120c26;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:22px}
.field{display:flex;flex-direction:column;gap:8px;text-align:left}
.label{font:800 12px Nunito;color:#a99ad8;letter-spacing:1px}
.label em{font-style:normal;color:#6b5f99}
.input{width:100%;min-height:52px;border-radius:13px;background:#171040;border:2px solid #0d0828;box-shadow:inset 0 4px 8px rgba(0,0,0,.5);padding:14px 16px;font:700 15px/1.5 Nunito;color:#fff;outline:none}
.input::placeholder{color:#6b5f99}
.input:focus{border-color:#ff8c1a;box-shadow:inset 0 4px 8px rgba(0,0,0,.5),0 0 12px rgba(255,140,26,.18)}
select.select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:48px;background:#171040 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffb84d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center}
select.select:invalid{color:#6b5f99}
select.select option{background:#1a1240;color:#fff}
textarea.input{height:140px;resize:vertical}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips label{height:42px;padding:0 18px;border-radius:21px;border:2px solid #4d3d84;display:flex;align-items:center;font:900 13px Nunito;color:#a99ad8;cursor:pointer}
.chips input:checked+label{background:linear-gradient(#ffb84d,#f06f00);border-color:#7a3000;color:#fff}
.chips input:focus-visible+label{outline:2px solid #ffb84d;outline-offset:2px}
.drop{min-height:76px;border-radius:13px;border:2px dashed #4d3d84;display:flex;align-items:center;justify-content:center;gap:6px;font:800 14px Nunito;color:#8a7fc0;cursor:pointer;padding:12px;text-align:center}
.drop span{color:#ffb84d}
.drop input{display:none}
.btn{height:58px;width:100%;border-radius:14px;background:linear-gradient(#ffb84d,#ff8c1a 55%,#f06f00);border:2.5px solid #7a3000;box-shadow:inset 0 3px 0 #ffd9a3,inset 0 -6px 0 #c24d00,0 5px 0 #4d1e00;display:flex;align-items:center;justify-content:center;font-family:'Lilita One';font-size:19px;color:#fff;-webkit-text-stroke:1px #7a3000;letter-spacing:1px;cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.06);color:#fff}
.btn:active{transform:translateY(3px);box-shadow:inset 0 3px 0 #ffd9a3,inset 0 -4px 0 #c24d00,0 2px 0 #4d1e00}
.note{font:700 12px Nunito;color:#6b5f99}
.success{display:none;background:#241b45;border:2px solid #3ddc68;border-radius:14px;padding:18px 22px;align-items:center;gap:14px;text-align:left}
.success.show{display:flex}
.success i{width:32px;height:32px;flex:none;border-radius:50%;background:linear-gradient(#7ce88a,#22a848);border:2px solid #14602a;display:flex;align-items:center;justify-content:center;font:900 15px Nunito;font-style:normal;color:#fff}
.success b{display:block;font:900 15px Nunito;color:#fff}
.success span{font:700 13px Nunito;color:#a99ad8}
.cup{width:104px;height:104px;border-radius:28px;background:linear-gradient(#ffb84d,#f06f00);border:3px solid #7a3000;box-shadow:inset 0 4px 0 #ffd9a3,0 7px 0 #4d1e00;display:flex;align-items:center;justify-content:center;font-size:50px}
.amounts{display:flex;gap:12px}
.amounts input{position:absolute;opacity:0;pointer-events:none}
.amounts label{flex:1;height:96px;border-radius:16px;background:#171040;border:2.5px solid #4d3d84;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font:900 14px Nunito;color:#a99ad8}
.amounts label b{font-size:24px;font-weight:400}
.amounts input:checked+label{background:linear-gradient(#ffb84d,#f06f00);border-color:#7a3000;box-shadow:inset 0 3px 0 #ffd9a3,0 5px 0 #4d1e00;color:#fff}
.menu-btn{display:none}
@media (max-width:640px){
  .nav{height:auto;padding:10px 16px;gap:8px 12px;flex-wrap:wrap;justify-content:space-between}
  .logo{font-size:22px;gap:8px}
  .logo img{width:32px;height:32px;border-radius:8px}
  .nav{position:relative}
  .menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;border-radius:12px;background:#2b2150;border:2px solid #382a63;box-shadow:0 3px 0 #120c26;cursor:pointer}
  .menu-btn span{display:block;height:3px;border-radius:2px;background:#ffb84d;transition:transform .2s,opacity .2s}
  .nav.open .menu-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .nav.open .menu-btn span:nth-child(2){opacity:0}
  .nav.open .menu-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .links{width:100%;order:3;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.5px}
  .links a{padding:4px 0;border-bottom-width:2px}
  .js .links{display:none;flex-direction:column;gap:0;font-size:15px;letter-spacing:1px;margin:0 -16px -10px;width:calc(100% + 32px);background:#150e33;border-top:2px solid #120c26}
  .js .nav.open .links{display:flex}
  .js .links a{padding:16px 20px;border-bottom:1px solid #251a4a}
  .js .links a.on{border-bottom-color:#251a4a;background:#201650}
  main{padding:36px 16px 48px}
  .hero{gap:24px}
  h1{-webkit-text-stroke:1.5px #5a2c00;text-shadow:0 4px 0 #5a2c00,0 10px 20px rgba(0,0,0,.4)}
  .page h1{font-size:clamp(30px,9vw,40px)}
  .lead{font-size:15px}
  .stores{width:100%;gap:10px;flex-wrap:nowrap}
  .store{flex:1;height:56px;padding:0 14px}
  .store span{font-size:17px}
  .col{gap:20px}
  .card{padding:18px;gap:18px}
  .chips{gap:8px}
  .chips label{height:38px;padding:0 14px;font-size:12px}
  .input{font-size:16px}
  .btn{height:52px;font-size:17px}
  .cup{width:84px;height:84px;font-size:40px;border-radius:22px}
  .amounts{gap:8px}
  .amounts label{height:78px;font-size:12px}
  .amounts label b{font-size:14px;white-space:nowrap;letter-spacing:-2px}
  .hero h1{font-size:clamp(30px,10vw,44px)}
}
@media (max-width:360px){
  .links{font-size:10px}
  .store small{font-size:9px}
}
.legal{text-align:left;gap:6px}
.legal h2{margin:22px 0 4px;font-family:'Lilita One';font-weight:400;font-size:24px;color:#ffb84d;letter-spacing:.5px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{margin:0 0 10px;font:600 16px/1.65 Nunito;color:#cfc7ef}
.legal ul,.legal ol{margin:0 0 10px;padding-left:22px}
.legal strong{color:#fff}
.updated{font:800 12px Nunito;color:#6b5f99;letter-spacing:1px}
.foot{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:22px 16px;background:#150e33;border-top:2px solid #120c26;font:800 13px Nunito}
.foot a{color:#8a7fc0;text-decoration:none}
.foot a:hover{color:#fff}
.home-hero{position:relative;overflow:hidden;min-height:calc(100vh - 80px);justify-content:center;background:#1a1338}
.hero-art{position:absolute;top:50%;width:clamp(260px,33vw,400px);height:auto;opacity:.42;border-radius:32px;pointer-events:none}
.hero-art.l{left:5%;transform:translateY(-50%) rotate(-12deg)}
.hero-art.r{right:5%;transform:translateY(-50%) rotate(12deg)}
.hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 50% 52%,rgba(26,19,56,.96),rgba(26,19,56,.55) 70%,rgba(20,15,43,.30))}
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.home-hero h1{line-height:1.04}
@media (min-width:641px){.home-hero h1{text-shadow:0 6px 0 #5a2c00,0 14px 30px rgba(0,0,0,.5)}}
@media (min-width:641px) and (max-width:1023px){.hero-art{width:36vw;opacity:.36}}
@media (max-width:639px){
  .home-hero{min-height:calc(100svh - 67px)}
  .hero-art{left:50%;top:50%;width:77vw;max-width:300px;border-radius:30px;opacity:.5;z-index:0}
  .hero-art.l{left:50%;right:auto;transform:translate(-78%,-50%) rotate(-14deg)}
  .hero-art.r{left:50%;right:auto;transform:translate(-22%,-46%) rotate(14deg)}
  .hero-vignette{z-index:1;background:radial-gradient(ellipse 60% 40% at 50% 46%,rgba(26,19,56,.82),rgba(26,19,56,.45) 70%,rgba(20,15,43,.20))}
  .hero-content{z-index:2;gap:24px;padding:0 20px;margin-top:-80px}
  .home-hero h1{font-size:44px;line-height:1.04;-webkit-text-stroke:2px #5a2c00;text-shadow:0 5px 0 #5a2c00,0 12px 24px rgba(0,0,0,.5)}
  .home-hero .lead{font-size:16px;line-height:1.5;max-width:300px}
  .home-hero .stores{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
}