:root{--ink:#07152b;--muted:#5e6a7d;--line:#dce3eb;--blue:#0b68ff;--cyan:#00c2ff;--navy:#06152d;--paper:#f6f9fc;--white:#fff;--green:#00a878;--red:#c73d55}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;color:var(--ink);background:var(--white);font:400 1rem/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
header{height:76px;display:flex;align-items:center;gap:2.5rem;padding:0 max(4vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:10}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:850;letter-spacing:.12em}
.brand span{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:white;border-radius:9px;letter-spacing:0}
nav{display:flex;gap:1.35rem;font-size:.92rem;color:#344258}
nav a:hover,.actions a:hover{color:var(--blue)}
.actions{margin-left:auto;display:flex;align-items:center;gap:1.25rem;font-size:.92rem}
.actions b{background:var(--blue);color:white;border-radius:99px;padding:.12rem .45rem;font-size:.75rem}
.language-switch{display:flex;align-items:center;gap:.3rem}
.language-label{margin-right:.1rem;font-size:.7rem;font-weight:700;color:var(--muted)}
.language-switch a{padding:.28rem .52rem;border:1px solid #b8c4d2;border-radius:6px;background:#fff;font-size:.72rem;font-weight:800;color:#40506a;line-height:1.2}
.language-switch a:hover{border-color:var(--blue);color:var(--blue)}
.language-switch a.active{border-color:var(--blue);background:var(--blue);color:#fff}
main{min-height:65vh}
.hero{min-height:620px;padding:6rem max(6vw,28px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.7fr);gap:6vw;align-items:center;background:radial-gradient(circle at 82% 18%,#c9efff 0,transparent 28%),linear-gradient(145deg,#f7fbff,#eef4fa)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2.7rem,5vw,5.4rem);line-height:1.02;letter-spacing:-.05em;max-width:970px}
h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.1;letter-spacing:-.04em}
.lead{font-size:1.22rem;color:var(--muted);max-width:720px}
.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:var(--blue)}
.button,button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;padding:.85rem 1.15rem;background:var(--blue);color:white;font:700 .92rem inherit;cursor:pointer}
.button:hover,button:hover{filter:brightness(.92)}
.ghost{background:transparent;color:var(--ink);border:1px solid #9eadbd}
.hero-actions{display:flex;gap:.8rem;margin:2rem 0}
.trust{display:flex;flex-wrap:wrap;gap:1.2rem;color:#415066;font-size:.85rem}
.trust span:before{content:'✓';color:var(--green);font-weight:900;margin-right:.35rem}
.hero aside{background:var(--navy);color:white;padding:2rem;border-radius:18px;box-shadow:0 30px 70px #0a31552b}
.pulse{width:10px;height:10px;border-radius:50%;background:#35e6a5;box-shadow:0 0 0 8px #35e6a51c}
.hero aside>p{margin:1.8rem 0 .2rem;color:#86a0bf;font-size:.72rem;letter-spacing:.16em}
.hero aside h2{font-size:1.8rem;letter-spacing:-.02em}
.hero dl{margin:2rem 0 0}
.hero dl div{display:flex;justify-content:space-between;padding:1rem 0;border-top:1px solid #27415f}
.hero dd{color:#55edb5}
.section,.split,.page-head,.product-detail,.narrow,.auth,.dashboard-head,.dashboard-grid,.stats,.admin-grid{padding:5rem max(6vw,28px)}
.section>h2{max-width:700px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.card{border:1px solid var(--line);border-radius:14px;padding:1.6rem;display:flex;flex-direction:column;min-height:480px;background:white}
.card.featured{border:2px solid var(--blue);box-shadow:0 20px 55px #0b68ff1a}
.pill,.popular,.status{display:inline-block;padding:.2rem .55rem;border-radius:99px;background:#e9f2ff;color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.popular{float:right;background:var(--ink);color:white}
.card h3{font-size:1.4rem;margin:1.5rem 0 .5rem}
.card>p{color:var(--muted)}
.price{font-size:2.4rem;font-weight:850;letter-spacing:-.04em;margin:1rem 0}
.price small{font-size:.85rem;color:var(--muted);font-weight:500;letter-spacing:0}
.card ul,.product-detail ul{padding:0;list-style:none;margin-bottom:1.5rem}
.card li,.product-detail li{padding:.45rem 0;color:#38465a}
.card li:before,.product-detail li:before{content:'✓';color:var(--green);font-weight:900;margin-right:.6rem}
.card form{margin-top:auto}
.card button{width:100%}
.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;background:var(--navy);color:white}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.benefits article{border-top:1px solid #38506d;padding-top:1.2rem}
.benefits b{color:var(--cyan);font-size:.75rem}
.benefits p{color:#aebed2}
.page-head{padding-bottom:2rem;background:var(--paper)}
.page-head h1{font-size:clamp(2.8rem,5vw,5rem)}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}
.filters a{border:1px solid var(--line);background:white;padding:.45rem .8rem;border-radius:99px;font-size:.85rem}
.product-detail{display:grid;grid-template-columns:1.2fr .65fr;gap:8vw;min-height:650px;align-items:center}
.product-detail aside{padding:2rem;border:1px solid var(--line);border-radius:14px}
.product-detail aside button{width:100%;margin-bottom:1rem}
.narrow{max-width:900px;margin:auto}
.empty{padding:3rem;border:1px dashed #aab7c5;border-radius:14px;text-align:center;background:var(--paper)}
.empty.small{padding:1.2rem}
.cart-list article,.row{display:flex;align-items:center;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.cart-list article>div,.row>div:first-child{flex:1}
.cart-list h3{margin:.35rem 0 0}
.cart-list p,.row small{display:block;color:var(--muted);margin:0}
.link{padding:.4rem;background:none;color:var(--red)}
.cart-total{display:flex;justify-content:space-between;font-size:1.5rem;padding:2rem 0}
.wide{width:100%;font-size:1rem;padding:1rem}
.fine{color:var(--muted);font-size:.8rem;text-align:center;margin-top:1rem}
.auth{display:grid;grid-template-columns:1fr 480px;gap:8vw;align-items:center;min-height:650px;background:var(--paper)}
.auth h1{font-size:3.8rem}
.auth form{background:white;border:1px solid var(--line);border-radius:14px;padding:2rem}
.auth label{display:block;font-weight:700;margin-bottom:1rem}
.auth input{display:block;width:100%;padding:.8rem;border:1px solid #aeb9c7;border-radius:7px;margin-top:.35rem;font:inherit}
.auth button{width:100%}
.dashboard-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:2rem}
.dashboard-head h1{font-size:3.4rem;margin:0}
.dashboard-grid,.admin-grid{padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.dashboard-grid>div,.admin-grid>div{border:1px solid var(--line);padding:1.5rem;border-radius:14px}
.dashboard-grid h2,.admin-grid h2{font-size:1.4rem}
.right{text-align:right!important;flex:0!important}
.status{display:block;width:max-content;margin-top:.25rem;background:#fff1ce;color:#916500;letter-spacing:0}
.status.paid,.status.active{background:#ddf8ef;color:#087b5a}
.status.cancelled,.status.payment_failed{background:#ffe4e9;color:#a42e44}
.center{text-align:center}
.check{margin:0 auto 2rem;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ddf8ef;color:var(--green);font-size:2rem}
.stats{padding-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stats article{padding:1.4rem;background:var(--navy);color:white;border-radius:12px}
.stats span{display:block;color:#9eb1c9}
.stats strong{font-size:1.8rem}
.admin-product{display:grid;grid-template-columns:1fr 90px 90px 70px;gap:.6rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--line)}
.admin-product small{display:block;color:var(--muted)}
.admin-product input[type=number]{width:70px;padding:.4rem}
.toggle{font-size:.8rem}
footer{padding:4rem max(6vw,28px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;background:#030d1d;color:white}
footer p{color:#91a2b8}
footer>div{display:flex;flex-direction:column;gap:.55rem}
footer strong{color:#7d91aa;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.flash{padding:.85rem max(6vw,28px);background:#ddf8ef;color:#087b5a}
.flash.error{background:#ffe4e9;color:#a42e44}
.admin-sections{padding:1rem max(6vw,28px) 5rem;display:grid;gap:1rem}
.admin-panel{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.admin-panel>summary,.editor>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}
.admin-panel>summary{padding:1.4rem 1.6rem;background:var(--paper)}
.admin-panel>summary b{font-size:1.2rem}
.admin-panel summary small{display:block;color:var(--muted);font-weight:400}
.panel-body{padding:1.4rem}
.editor{border:1px solid var(--line);border-radius:10px;margin-bottom:.75rem}
.editor>summary{padding:1rem}
.create-editor{border-color:#9ac1ff;background:#f4f8ff}
.create-editor>summary{color:var(--blue);font-weight:800}
.admin-editor{padding:1rem;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.admin-editor label{font-size:.82rem;font-weight:750}
.admin-editor input:not([type=checkbox]),.admin-editor select,.admin-editor textarea{display:block;width:100%;margin-top:.3rem;padding:.65rem;border:1px solid #aeb9c7;border-radius:7px;background:#fff;font:inherit}
.admin-editor textarea{resize:vertical}
.admin-editor .span-2{grid-column:1/-1}
.check-label{display:flex;align-items:center;gap:.45rem}
.editor-list{margin-top:1rem}
@media(max-width:850px){header{gap:1rem}
nav{display:none}
.language-label{display:none}
.hero,.split,.product-detail,.auth,.dashboard-grid,.admin-grid{grid-template-columns:1fr}
.hero{padding-top:4rem}
.cards{grid-template-columns:1fr}
.benefits{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.auth{min-height:auto}
.auth h1{font-size:2.8rem}
footer{grid-template-columns:1fr 1fr}
.admin-product{grid-template-columns:1fr 80px}
.admin-product button{grid-column:2}
.actions a:last-child{display:none}.admin-editor{grid-template-columns:1fr}.admin-editor .span-2{grid-column:1}
}
@media(max-width:520px){header{height:66px}
.brand{font-size:.85rem}
.actions{gap:.6rem}
.language-switch a{padding:.25rem .4rem;font-size:.68rem}
.hero{min-height:auto}
.hero-actions{flex-direction:column}
.section,.split,.page-head,.product-detail,.narrow,.auth,.dashboard-head,.dashboard-grid,.stats,.admin-grid{padding-left:20px;padding-right:20px}
.stats{grid-template-columns:1fr}
.dashboard-head{align-items:flex-start;gap:1rem}
.dashboard-head h1{font-size:2.4rem}
footer{grid-template-columns:1fr}
.cart-list article{align-items:flex-start;flex-wrap:wrap}
}