:root{--bg:#07101f;--panel:#0c1628cc;--line:#27314d;--text:#f7f7ff;--muted:#a9b0c4;--violet:#9a6cff;--violet2:#6f49dc;--peach:#ffd1a7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 20%,#1c2740 0,#07101f 36%,#030914 100%);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:44px 44px}.topbar{height:82px;padding:0 48px;display:flex;align-items:center;gap:44px;border-bottom:1px solid #ffffff12;background:#081120bb;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{font-size:27px;font-weight:800;color:white;text-decoration:none;display:flex;align-items:center;gap:10px}.logo{color:var(--violet);font-size:42px;line-height:1}nav{display:flex;gap:38px;flex:1}nav a{color:#c7cce0;text-decoration:none}.actions{display:flex;gap:10px}.ghost,.profile{background:#ffffff08;border:1px solid #ffffff22;color:white;border-radius:28px;padding:14px 28px}.primary{border:0;border-radius:12px;background:linear-gradient(180deg,#a77bff,#7046da);color:white;padding:18px 34px;font-size:16px;box-shadow:0 18px 45px #744dff45;cursor:pointer}.small{padding:14px 24px}.hero{padding:52px 48px 24px;display:grid;grid-template-columns:1.1fr .78fr .45fr;gap:28px;align-items:center}.pill{display:inline-block;color:#bda7ff;background:#ffffff09;border:1px solid #ffffff0d;border-radius:999px;padding:10px 16px;letter-spacing:2px;font-size:13px}.copy h1{font-size:52px;line-height:1.12;margin:30px 0 22px;max-width:780px}.copy h1 span,.slide span{color:var(--peach)}.copy p{color:var(--muted);font-size:21px;line-height:1.45;max-width:640px}.cta{display:flex;gap:18px;align-items:center;margin:34px 0 46px}.learn{border:1px solid #ffffff2a;border-radius:13px;padding:17px 30px;color:white;text-decoration:none;background:#07122599}.learn b{border:1px solid #ffffff66;border-radius:50%;padding:6px;margin-left:16px}.trust{display:flex;gap:34px}.trust div{display:grid;grid-template-columns:38px 1fr;gap:4px 14px}.trust i{grid-row:1/3;color:#a77bff;font-size:34px}.trust span{color:#858da5}.visual{height:560px;position:relative;border-radius:32px;overflow:hidden}.couple,.slide{position:absolute;inset:0;background:linear-gradient(90deg,#07101f 0%,#07101fb0 35%,#07101f22 65%,#07101f 100%),url('/static/images/mockup2.jpeg') center/cover;border-radius:28px}.phone{position:absolute;left:18%;bottom:22px;width:220px;height:430px;border:2px solid #70798e;border-radius:34px;background:#0b1425;padding:18px;box-shadow:0 24px 70px #000b}.phone-head{font-size:13px}.phone-head span{float:right}.score,.task{margin-top:18px;background:#151f34;border-radius:13px;padding:14px}.score strong{float:right;font-size:32px}.chart{height:115px;margin-top:14px;background:linear-gradient(180deg,#17213a,#10182a);border-radius:13px;display:flex;align-items:end;gap:12px;padding:18px}.chart span{width:20px;background:linear-gradient(#b36cff,#563ac6);border-radius:10px}.chart span:nth-child(1){height:36%}.chart span:nth-child(2){height:48%}.chart span:nth-child(3){height:42%}.chart span:nth-child(4){height:61%}.chart span:nth-child(5){height:82%}.task{color:#cbd1e6;font-size:13px}.task b{float:right}.band{position:absolute;right:18px;bottom:36px;width:160px;height:255px;border:22px solid #111827;border-radius:44px;transform:rotate(9deg);box-shadow:inset 0 0 0 2px #2f3a51,0 20px 55px #0009}.login-card{background:linear-gradient(180deg,#0e1728df,#0b1426d8);border:1px solid #ffffff18;border-radius:32px;padding:48px 30px;min-height:590px;box-shadow:inset 0 1px 0 #fff1}.login-card h2{font-size:28px}.login-card p,.or,.login-card small{color:#99a1ba}.login-card input{width:100%;margin:10px 0;padding:20px 22px;border-radius:12px;border:1px solid #ffffff12;background:#091223;color:white;font-size:16px}.wide{width:100%;margin:28px 0 20px}.or{text-align:center;font-size:13px}.social{display:flex;gap:8px;margin:12px 0 32px}.social button{flex:1;padding:12px;border-radius:10px;border:1px solid #ffffff18;background:#101a2d;color:white}.login-card a,.back{color:#a77bff}.features{margin:0 26px 40px;padding:34px 30px;border:1px solid #ffffff18;border-radius:30px;background:#0d1728c7;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.features article{text-align:center;padding:0 28px;border-right:1px solid #ffffff12}.features article:last-child{border-right:0}.features i{font-size:45px;color:#9a6cff}.features h3{margin-bottom:8px}.features p{color:#aab1c7;line-height:1.45}.page{padding:36px 46px 0}.page h1{font-size:34px}.player{position:relative;margin-top:20px;border:1px solid #ffffff25;border-radius:14px;overflow:hidden;height:545px}.rutube-embed{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0}.player .slide.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07101f 0%,#07101fb0 35%,#07101f22 65%,#07101f 100%);pointer-events:none;z-index:1}.slide{position:relative;border-radius:0;padding:66px 50px;display:flex;align-items:center}.slide>div{max-width:530px}.slide b{color:#a77bff;font-size:22px}.slide small{display:block;margin:22px 0;color:white;font-size:18px}.slide h2{font-size:76px;margin:24px 0}.slide p{font-size:31px;line-height:1.35;color:#d9ddec}.controls{position:absolute;left:22px;right:22px;bottom:16px;display:flex;align-items:center;gap:18px;pointer-events:none;z-index:2}.controls em{height:5px;flex:1;background:linear-gradient(90deg,#9b69ff 16%,#fff7 16%);border-radius:9px}.controls button{background:0;border:0;color:white;font-size:25px}.compact{margin-top:26px}@media(max-width:1100px){.hero{grid-template-columns:1fr}.login-card{min-height:auto}.visual{height:460px}nav{display:none}.copy h1{font-size:42px}.features{grid-template-columns:1fr 1fr}.features article{border:0}}@media(max-width:650px){.topbar{padding:0 20px}.actions{display:none}.hero,.page{padding:28px 18px}.copy h1{font-size:34px}.trust,.cta{flex-direction:column;align-items:stretch}.features{grid-template-columns:1fr}.player{height:520px}.slide h2{font-size:48px}.slide p{font-size:24px}}