*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:#07111f;color:#fff;overflow-x:hidden}.page-bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,#7c3aed55,transparent 30%),radial-gradient(circle at 80% 0,#06b6d455,transparent 35%),linear-gradient(135deg,#07111f,#111827 55%,#170f2f);z-index:-2}.page-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}a{text-decoration:none;color:inherit}.site-header{padding:22px 18px;position:sticky;top:0;z-index:9;background:#07111fcc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}.nav-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.nav-left,.nav-right{display:flex;gap:18px;align-items:center}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}.nav-left a,.nav-right a{font-weight:800;font-size:14px;color:#dbeafe;padding:12px 14px;border-radius:999px;transition:.25s}.nav-left a:hover,.nav-right a:hover{background:#ffffff12;color:#fff;transform:translateY(-2px)}.logo{display:flex;flex-direction:column;align-items:center;line-height:1;padding:13px 22px;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(135deg,#ffffff16,#ffffff05);box-shadow:0 15px 50px #0005}.logo span{font-size:31px;font-weight:950;letter-spacing:.3px}.logo b{font-size:17px;color:#facc15;margin-top:4px;text-shadow:0 0 18px #facc1577}.logo em{font-size:11px;color:#93c5fd;margin-top:6px;font-style:normal;letter-spacing:1.2px;text-transform:uppercase}.menu-btn{display:none}.hero{max-width:1180px;margin:42px auto 0;padding:50px 22px 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.badge{display:inline-flex;padding:10px 16px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff10;color:#bfdbfe;font-weight:700;margin-bottom:20px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-2.6px;margin-bottom:24px}.hero p{font-size:18px;line-height:1.75;color:#cbd5e1;max-width:650px}.chat-card{margin-top:32px;padding:20px;border:1px solid #ffffff24;border-radius:28px;background:linear-gradient(135deg,#ffffff18,#ffffff08);box-shadow:0 25px 80px #0008;max-width:610px}.chat-card label{display:block;font-weight:800;margin-bottom:10px;color:#e0f2fe}.input-row{display:flex;gap:12px}.input-row input{flex:1;border:0;outline:0;border-radius:16px;padding:18px 18px;font-size:16px;background:#fff;color:#111827}.input-row button{border:0;border-radius:16px;padding:0 24px;font-weight:900;color:#07111f;background:linear-gradient(135deg,#facc15,#22d3ee);cursor:pointer;box-shadow:0 10px 30px #22d3ee44}.chat-card small{display:block;margin-top:12px;color:#bfdbfe}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.phone{position:relative;width:330px;height:560px;border-radius:46px;background:linear-gradient(180deg,#121b32,#060b15);border:9px solid #1f2a44;box-shadow:0 45px 120px #000c,0 0 80px #22d3ee33;overflow:hidden;padding:70px 24px}.phone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,#22d3ee44,transparent 34%),linear-gradient(180deg,#ffffff12,transparent);pointer-events:none}.phone-top{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:90px;height:8px;background:#334155;border-radius:999px}.bubble{position:relative;z-index:2;margin:18px 0;padding:14px 16px;border-radius:22px;font-weight:800;box-shadow:0 10px 24px #0005}.b1{background:#2563eb;margin-right:45px}.b2{background:#7c3aed;margin-left:25px}.b3{background:#06b6d4;color:#06111f;margin-right:20px}.avatar{position:absolute;bottom:35px;width:92px;height:92px;border-radius:50%;border:6px solid #fff3;z-index:3}.girl{left:48px;background:radial-gradient(circle at 50% 30%,#fda4af 0 23%,#7c2d12 24% 44%,#f472b6 45%)}.boy{right:48px;background:radial-gradient(circle at 50% 30%,#fdba74 0 23%,#1e3a8a 24% 44%,#38bdf8 45%)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.9}.orb1{width:170px;height:170px;background:#7c3aed66;top:10px;right:45px}.orb2{width:135px;height:135px;background:#06b6d466;bottom:35px;left:30px}.features{max-width:1180px;margin:auto;padding:0 22px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:24px;border:1px solid #ffffff17;border-radius:28px;background:#ffffff0c;box-shadow:0 15px 55px #0004}.features span{font-size:31px}.features h2{font-size:20px;margin:15px 0 9px}.features p{color:#cbd5e1;line-height:1.6}.content-section{max-width:980px;margin:30px auto 70px;padding:35px 28px;border-radius:34px;background:#ffffff0d;border:1px solid #ffffff18}.content-section h2{font-size:34px;margin-bottom:16px}.content-section p{color:#dbeafe;line-height:1.9;margin-bottom:14px}.seo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.seo-links a{padding:11px 15px;border-radius:999px;background:#ffffff12;color:#e0f2fe;font-weight:800}.owner-box{margin:24px 0 6px;padding:16px 18px;border:1px solid #facc1544;border-radius:18px;background:linear-gradient(135deg,#facc1518,#22d3ee10);color:#e0f2fe;font-size:17px}.owner-box span{color:#facc15;font-weight:950;letter-spacing:.5px}.owner-footer{margin-top:8px;color:#93c5fd}.owner-footer strong{color:#facc15}footer{text-align:center;padding:45px 20px;background:#020617;border-top:1px solid #ffffff12}.footer-logo span{font-size:31px;font-weight:950}.footer-logo b{color:#facc15;margin-left:4px}.footer-links{margin-top:18px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-links a{color:#bfdbfe;font-weight:800}@media(max-width:850px){.nav-wrap{display:flex;justify-content:space-between}.nav-left,.nav-right{display:none}.nav-wrap.open .nav-left,.nav-wrap.open .nav-right{display:flex;position:absolute;left:18px;right:18px;top:92px;flex-direction:column;background:#07111fee;border:1px solid #ffffff22;border-radius:20px;padding:15px}.nav-wrap.open .nav-right{top:230px}.menu-btn{display:block;background:#ffffff12;color:#fff;border:1px solid #ffffff22;border-radius:14px;padding:10px 13px;font-size:22px}.hero{grid-template-columns:1fr;text-align:center;margin-top:15px}.hero p,.chat-card{margin-left:auto;margin-right:auto}.input-row{flex-direction:column}.input-row button{padding:17px}.hero-visual{min-height:430px}.phone{width:270px;height:430px;padding:58px 18px}.features{grid-template-columns:1fr}.logo span{font-size:25px}}
