:root{--violet:#1677ff;--purple:#5bb8ff;--lime:#d9ff66;--ink:#12223d;--muted:#65758b;--card:#fff;--bg:#eff7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 5%,#d7edff,transparent 28%),var(--bg);color:var(--ink);font-family:Inter,ui-rounded,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px max(18px,calc((100vw - 980px)/2));border-bottom:1px solid #ffffff9c;background:#f6fbffe8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand>span{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--violet),var(--purple));color:white;font-weight:1000}.brand div{display:grid}.brand b{font-size:17px}.brand small{color:var(--muted);font-size:10px}header button{border:0;border-radius:999px;padding:10px 16px;background:var(--ink);color:white;font-weight:900}main{width:min(980px,100%);margin:auto;padding:20px 18px 120px}.hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:450px;align-items:center;gap:30px;padding:48px;border-radius:36px;background:linear-gradient(145deg,#fff,#e4f2ff);box-shadow:0 24px 60px #1677ff1c}.eyebrow,.title>span{color:var(--violet);font-size:11px;font-weight:1000;letter-spacing:.15em}.hero h1{margin:12px 0;font-size:clamp(43px,7vw,76px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--violet);font-style:normal}.hero p{max-width:520px;color:var(--muted);line-height:1.7}.primary{display:inline-flex;justify-content:center;border:0;border-radius:999px;padding:15px 22px;background:linear-gradient(135deg,var(--violet),var(--purple));color:white;font-weight:1000;text-decoration:none;box-shadow:0 10px 24px #1677ff3d}.hero-art{position:relative;display:grid;min-height:300px;place-items:center;border-radius:50% 50% 42% 58%;background:linear-gradient(145deg,var(--lime),#b6f0ff);transform:rotate(3deg)}.hero-art div{font-size:100px;filter:drop-shadow(0 15px 14px #1677ff33);transform:rotate(-3deg)}.hero-art>span{position:absolute;top:20px;right:40px;font-size:38px}.hero-art>b{position:absolute;right:-10px;bottom:35px;border-radius:999px;padding:11px 16px;background:white;box-shadow:0 10px 24px #163f7024;transform:rotate(-3deg)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.steps article{display:flex;align-items:center;gap:10px;padding:15px;border-radius:17px;background:white}.steps b{color:var(--violet)}.steps span{font-size:12px;font-weight:850}.title{margin:60px 0 18px}.title h2{margin:5px 0;font-size:30px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service{position:relative;overflow:hidden;padding:22px;border:1px solid white;border-radius:25px;background:white;box-shadow:0 12px 30px #1677ff12}.service:before{position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--violet),var(--lime));content:""}.service-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:17px;background:#e2f1ff;font-size:25px}.service h3{margin:18px 0 5px}.service strong{color:var(--violet);font-size:20px}.service small{display:block;margin-top:5px;color:var(--muted)}.service-note,.notice{padding:13px;border-radius:14px;background:#e1f0ff;color:#245480;font-size:12px}.pickup,.track{margin-top:45px;padding:28px;border-radius:30px;background:white;box-shadow:0 18px 45px #1677ff14}.pickup .title,.track .title{margin-top:0}form{display:grid;gap:12px}label{display:grid;gap:6px;color:#42566f;font-size:12px;font-weight:850}input,textarea,select{width:100%;border:1px solid #cdddeb;border-radius:14px;padding:13px;background:#f8fbff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #1677ff1b}.location{border:1px solid #9cccf3;border-radius:14px;padding:12px;background:#e9f5ff;color:var(--violet);font-weight:900}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;height:18px;accent-color:var(--violet)}#pickup-feedback,#auth-feedback{min-height:18px;color:#a03f51;font-size:12px}.orders{display:grid;gap:12px}.order{padding:18px;border:1px solid #d9e8f4;border-radius:20px;background:white}.order-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.order h3{margin:0}.badge{border-radius:999px;padding:7px 10px;background:#e1f0ff;color:var(--violet);font-size:10px;font-weight:1000;text-transform:uppercase}.order dl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.order dl div{padding:10px;border-radius:12px;background:#f4f9fd}.order dt{color:var(--muted);font-size:9px}.order dd{margin:3px 0 0;font-size:12px;font-weight:850}.track-form,#track-form{grid-template-columns:1fr auto}#track-form button{border:0;border-radius:14px;padding:0 20px;background:var(--ink);color:white;font-weight:900}.muted{color:var(--muted)}nav{position:fixed;z-index:40;right:50%;bottom:14px;display:grid;width:min(520px,calc(100% - 28px));grid-template-columns:repeat(5,1fr);padding:8px;border:1px solid #ffffff69;border-radius:25px;background:#10233eef;box-shadow:0 14px 38px #071a304d;transform:translateX(50%);backdrop-filter:blur(18px)}nav a{display:grid;place-items:center;color:#d7e9f8;font-size:18px;text-decoration:none}nav small{margin-top:2px;font-size:9px}.nav-main{margin-top:-25px;color:var(--ink);font-size:30px}.nav-main:before{position:absolute;z-index:-1;width:55px;height:55px;border:5px solid var(--bg);border-radius:50%;background:var(--lime);content:""}dialog{width:min(440px,calc(100% - 28px));border:0;border-radius:28px;padding:27px;box-shadow:0 28px 80px #071a3066}dialog::backdrop{background:#071a3099;backdrop-filter:blur(5px)}dialog .title{margin:0 0 17px}.close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px}.link{border:0;background:none;color:var(--violet);font-size:12px;font-weight:900}.register-only[hidden]{display:none}#header-account{min-width:0}.header-auth,.header-profile-trigger{display:flex;max-width:190px;align-items:center;gap:8px;border:0;border-radius:999px;padding:7px 12px 7px 8px;background:#fff;color:#174a78;box-shadow:0 8px 22px #1677ff29;cursor:pointer}.header-auth-avatar{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;background:#e2f1ff}.header-auth b,.header-profile-trigger b{min-width:0;overflow:hidden;background:transparent;color:inherit;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.header-profile{position:relative}.header-profile-trigger{padding-right:10px}.header-profile-trigger>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .18s}.header-profile.open .header-profile-trigger>svg{transform:rotate(180deg)}.header-profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:190px;overflow:hidden;border:1px solid #d9e8f4;border-radius:17px;background:#fff;box-shadow:0 18px 42px #071a3033}.header-profile-menu[hidden]{display:none}.header-profile-menu a,.header-profile-menu button{display:flex;width:100%;align-items:center;gap:11px;border:0;border-radius:0;padding:13px 14px;background:#fff;color:var(--ink);font-size:13px;font-weight:900;text-align:left;text-decoration:none;box-shadow:none}.header-profile-menu a{border-bottom:1px solid #d9e8f4}.header-profile-menu :is(a,button):hover{background:#eff7ff}.header-profile-menu button{color:#a73720}.header-profile-menu svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.page-hero{max-width:760px;margin:20px auto 28px;padding:38px;border-radius:30px;background:linear-gradient(145deg,#fff,#e4f2ff);box-shadow:0 20px 45px #1677ff14}.page-hero>span{color:var(--violet);font-size:10px;font-weight:1000;letter-spacing:.15em}.page-hero h1{margin:8px 0;font-size:clamp(34px,6vw,58px);letter-spacing:-.045em}.page-hero p{max-width:620px;margin:0;color:var(--muted);line-height:1.7}.bottom-nav a{gap:3px;font-size:inherit;transition:color .2s ease,transform .2s ease}.bottom-nav a.active{color:#fff}.bottom-nav a.active:not(.nav-main) .nav-icon{background:#ffffff18;color:#72caff}.nav-icon{display:grid;width:34px;height:30px;place-items:center;border-radius:12px;transition:background .2s ease,transform .2s ease}.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bottom-nav a:hover,.bottom-nav a:focus-visible{color:#fff;transform:translateY(-1px)}.bottom-nav a:hover .nav-icon,.bottom-nav a:focus-visible .nav-icon{background:#ffffff16}.bottom-nav .nav-main{gap:5px;color:#f4fbff;font-size:inherit}.bottom-nav .nav-main:before{display:none}.nav-icon-main{width:58px;height:58px;margin-top:-30px;border:5px solid var(--bg);border-radius:21px;background:linear-gradient(145deg,#1685ff,#54bdff);color:#fff;box-shadow:0 10px 25px #1685ff55}.nav-icon-main svg{width:25px;height:25px;stroke-width:2}.bottom-nav .nav-main:hover .nav-icon-main,.bottom-nav .nav-main:focus-visible .nav-icon-main{background:linear-gradient(145deg,#0875ed,#38aeff);transform:translateY(-2px)}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:28px 22px}.hero-art{min-height:220px}.steps{grid-template-columns:1fr 1fr}.services{grid-template-columns:1fr}.title h2{font-size:25px}.order dl{grid-template-columns:1fr 1fr}.pickup,.track{padding:20px}.quick{display:none}}