@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@500;600;700&display=swap');
:root{--g:#35d99b;--g2:#167b5b;--bg:#020806;--panel:rgba(7,20,16,.92);--text:#eef8f4;--muted:#97aaa4}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 72% 8%,rgba(53,217,155,.16),transparent 29%),radial-gradient(circle at 18% 30%,rgba(22,123,91,.13),transparent 28%),linear-gradient(180deg,#04100c,#020806 62%,#030705)}
#particles,.runes{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.spark{position:absolute;bottom:-8px;width:3px;height:3px;border-radius:50%;background:var(--g);box-shadow:0 0 9px var(--g);animation:rise linear infinite}@keyframes rise{from{transform:translateY(0);opacity:0}12%{opacity:.65}to{transform:translateY(-105vh) translateX(var(--x));opacity:0}}.rune{position:absolute;color:rgba(53,217,155,.055);font:44px Georgia;animation:drift 14s linear infinite}@keyframes drift{from{transform:translateY(110vh) rotate(0);opacity:0}15%,84%{opacity:1}to{transform:translateY(-18vh) rotate(150deg);opacity:0}}
.back,.lang{position:absolute;top:22px;z-index:20}.back{left:22px}.lang{right:22px}.back img,.lang-btn img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(0,0,0,.62))}.lang-btn{border:0;background:none;padding:0;cursor:pointer}.lang-menu{display:none;position:absolute;right:0;top:70px;width:208px;max-height:350px;overflow:auto;padding:6px;border:1px solid rgba(53,217,155,.3);border-radius:12px;background:rgba(5,16,12,.98);box-shadow:0 20px 54px #000}.lang-menu.open{display:block}.lang-menu button{display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;background:none;color:#cfe0db;text-align:left;cursor:pointer}.lang-menu button:hover{background:rgba(53,217,155,.13);color:#fff}
.hero{width:min(1240px,100%);min-height:760px;margin:auto;padding:125px 28px 60px;display:grid;grid-template-columns:minmax(0,.98fr) minmax(390px,1.02fr);align-items:center;gap:68px}.sigil{color:var(--g);letter-spacing:.42em;font:17px Georgia;text-shadow:0 0 14px rgba(53,217,155,.65)}.eyebrow{margin:18px 0 0;color:#62e3b5;font:700 11px 'Cinzel',serif;letter-spacing:.34em;text-transform:uppercase}h1{margin:10px 0;font:900 clamp(2.8rem,6vw,5.4rem)/.92 'Cinzel Decorative',serif;text-transform:uppercase;color:#f0eadc;text-shadow:0 0 35px rgba(53,217,155,.19)}.lead{max-width:650px;margin:24px 0 0;color:#c6d4cf;font-size:clamp(1rem,2vw,1.22rem);line-height:1.72}.privacy-line{max-width:640px;margin:18px 0 0;padding:12px 15px;border-left:2px solid var(--g);background:linear-gradient(90deg,rgba(53,217,155,.08),transparent);color:#9fb8ae;font-size:13px;line-height:1.55}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.badge{padding:8px 11px;border:1px solid rgba(53,217,155,.27);border-radius:999px;background:rgba(5,25,18,.56);color:#95d9bf;font:700 10px 'Cinzel',serif;letter-spacing:.11em;text-transform:uppercase}.store-button{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:13px 18px;border:1px solid rgba(53,217,155,.42);border-radius:13px;background:linear-gradient(145deg,rgba(17,45,34,.92),rgba(4,13,9,.96));box-shadow:0 12px 32px rgba(0,0,0,.28);font:700 14px 'Cinzel',serif}.store-button svg{width:27px;height:27px}.store-button small{display:block;margin-top:2px;color:#86a59a;font:10px Arial,sans-serif;font-weight:400}.store-button:hover{border-color:rgba(53,217,155,.82)}
.visual{position:relative;display:grid;place-items:center;min-height:590px}.visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(45,227,173,.17),transparent 67%);filter:blur(8px)}.crest{position:absolute;z-index:2;width:min(390px,72%);top:-8px;right:-8px;filter:drop-shadow(0 22px 35px rgba(0,0,0,.72)) drop-shadow(0 0 16px rgba(53,217,155,.16))}.phone{position:relative;z-index:1;width:min(330px,84vw);min-height:610px;margin-top:90px;padding:16px;border:1px solid #45524c;border-radius:44px;background:linear-gradient(145deg,#262c29,#0d100f);box-shadow:0 34px 75px rgba(0,0,0,.72),inset 0 0 0 5px #080a09;transform:rotate(2deg)}.screen{min-height:578px;padding:30px 18px 22px;border-radius:32px;background:linear-gradient(180deg,#06120d,#020805)}.screen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.screen-title{font:700 19px 'Cinzel',serif}.wrench{color:var(--g);font-size:23px}.local{display:inline-block;margin-bottom:19px;color:#59d5a8;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.otp-card{padding:18px 16px;margin:12px 0;border:1px solid rgba(53,217,155,.2);border-radius:14px;background:rgba(12,30,23,.86)}.otp-name{font-weight:700;font-size:14px}.otp-code{margin-top:8px;font:700 30px/1.05 'Cinzel',serif;letter-spacing:.14em}.otp-time{height:3px;margin-top:13px;border-radius:99px;background:#17392d;overflow:hidden}.otp-time:after{content:"";display:block;width:62%;height:100%;background:linear-gradient(90deg,var(--g2),var(--g))}.add-demo{margin-top:18px;padding:14px;border-radius:12px;background:#17583f;color:#dff9ee;text-align:center;font-weight:700;font-size:13px}
.content{width:min(1160px,calc(100% - 34px));margin:0 auto 74px}.section-title{text-align:center;margin:0 0 34px;font:700 clamp(1.8rem,4vw,3rem) 'Cinzel',serif;color:#eee6d6}.section-title span{color:var(--g)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px 25px;border:1px solid rgba(53,217,155,.23);border-radius:16px;background:linear-gradient(145deg,rgba(13,31,24,.94),rgba(3,10,7,.97))}.feature b{display:block;margin-bottom:12px;color:var(--g);font:29px Georgia}.feature h3{margin:0 0 9px;font:600 17px 'Cinzel',serif}.feature p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.62}.manifesto{padding:38px;border:1px solid rgba(53,217,155,.26);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(53,217,155,.12),transparent 58%),#05100c;text-align:center}.manifesto h2{margin:0 0 13px;font:700 clamp(1.55rem,3vw,2.35rem) 'Cinzel',serif}.manifesto p{max-width:820px;margin:0 auto;color:#9fb3ac;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps>div{padding:24px;border-top:1px solid rgba(53,217,155,.34);background:rgba(6,18,13,.66)}.steps span{color:var(--g);font:700 12px 'Cinzel',serif;letter-spacing:.2em}.steps h3{margin:12px 0 7px;font:600 17px 'Cinzel',serif}.steps p{margin:0;color:#8fa49d;font-size:13px;line-height:1.55}
.download{width:min(1040px,calc(100% - 34px));margin:0 auto 82px;padding:30px;border:1px solid rgba(53,217,155,.3);border-radius:20px;background:linear-gradient(145deg,rgba(13,34,25,.95),rgba(3,10,7,.98));box-shadow:0 18px 58px rgba(0,0,0,.36)}.download-head{display:flex;align-items:center;gap:20px}.download-logo{width:88px;height:88px;object-fit:contain}.download-head p{margin:0 0 5px;color:#61dcb0;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.download-head h2{margin:0;font:700 clamp(1.5rem,3vw,2.3rem) 'Cinzel',serif}.download-head .intro{margin-top:8px;color:#91a79f;letter-spacing:0;text-transform:none;font-size:13px}.download .store-button{display:flex;width:100%;margin-top:22px}.download .store-button span:last-child{margin-left:auto;color:var(--g)}
.legal{width:min(980px,calc(100% - 34px));margin:120px auto 80px}.legal h1{margin:12px 0;font:900 clamp(2rem,6vw,4rem)/1 'Cinzel Decorative',serif;color:#efe8d9}.legal .intro{color:#9eb1aa;line-height:1.7}.legal article{margin:19px 0;padding:24px 25px;border-left:3px solid var(--g);border-radius:0 12px 12px 0;background:var(--panel)}.legal article.warning{border-left-color:#d4b66f}.legal article h2{margin:0 0 10px;font:600 20px 'Cinzel',serif}.legal article p{margin:0;color:#aabbb5;line-height:1.7}
footer{padding:32px 20px;border-top:1px solid rgba(53,217,155,.18);background:#020604;text-align:center;color:#70847c;font-size:12px}footer nav{display:flex;justify-content:center;gap:24px;margin-bottom:15px;color:#a5b7b0}footer a:hover{color:var(--g)}.copyright{color:#547166;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.rune-line{color:var(--g);font-size:15px;letter-spacing:.5em;opacity:.72;margin-bottom:10px}
@media(max-width:920px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px;text-align:center;gap:20px}.lead,.privacy-line{margin-left:auto;margin-right:auto}.privacy-line{text-align:left}.badges{justify-content:center}.visual{min-height:590px}.crest{right:50%;transform:translateX(50%);width:320px}.features{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.back,.lang{top:13px}.back{left:13px}.lang{right:13px}.back img,.lang-btn img{width:50px;height:50px}.lang-menu{top:58px}.hero{padding:92px 16px 38px}.visual{min-height:520px}.crest{width:245px}.phone{width:282px;min-height:510px;margin-top:90px;border-radius:36px}.screen{min-height:480px;padding:27px 15px}.otp-code{font-size:25px}.features,.steps{grid-template-columns:1fr}.manifesto{padding:29px 20px}.download{padding:22px 18px}.download-logo{width:68px;height:68px}.legal{margin-top:92px}.legal article{padding:20px}footer nav{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spark,.rune{animation:none}}