@charset "UTF-8";
:root{--bg:#061832;--bg2:#0a2147;--card:rgba(10,35,75,.63);--line:rgba(64,129,255,.27);--blue:#3675e9;--blue2:#4c8cff;--text:#f4f7ff;--muted:#8caeea;--green:#10bf56}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 80% 10%,#14286d 0,transparent 28%),radial-gradient(circle at 10% 45%,#082c5b 0,transparent 32%),linear-gradient(180deg,#06162e,#061b3c 55%,#05162f);color:var(--text);min-height:100vh;overflow-x:hidden}
body:after{content:"";position:fixed;left:8%;top:12%;width:280px;height:280px;border-radius:50%;background:#2477ff22;filter:blur(90px);pointer-events:none;z-index:-1}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#b7d4ff 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#000,transparent 85%);z-index:-1}
a{text-decoration:none;color:inherit}
.topbar{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1080px)/2));background:rgba(4,20,42,.92);border-bottom:1px solid #2456a555;backdrop-filter:blur(18px)}
.logo{display:flex;align-items:center;gap:9px}.logo-sh{font-size:17px;font-weight:900;font-style:italic;color:#12bfe9;border:3px solid #1c8fe8;border-radius:5px;padding:1px 4px}.logo-text{display:flex;gap:3px;font-size:18px;letter-spacing:-.05em}.logo-text b{color:#10c7f2}.logo-text strong{color:#8791a5}.login-btn{background:#3166ce;padding:13px 27px;border-radius:14px;font-weight:700;box-shadow:0 8px 25px #1d5edc40}
.section-pad{max-width:1080px;margin:auto;padding:80px 22px}
.hero{text-align:center;padding-top:78px}.glass{background:linear-gradient(145deg,rgba(20,55,112,.64),rgba(7,28,63,.57));border:1px solid var(--line);box-shadow:inset 0 1px #77a8ff12,0 18px 55px #020d201f;backdrop-filter:blur(18px)}
.notice{max-width:780px;margin:0 auto 60px;padding:25px 28px;border-radius:20px;display:flex;text-align:left;gap:20px}.notice-icon{width:58px;height:58px;flex:none;border-radius:14px;background:#12366e;color:#83aaff;display:grid;place-items:center;font-size:27px}.notice b{font-size:17px}.notice p{color:#abc3f1;font-size:13px;line-height:1.75;margin-top:6px}
.hero-badge,.section-badge{display:inline-block;border:1px solid #3978e966;background:#102e60;color:#b7d0ff;padding:12px 23px;border-radius:50px;font-weight:700;font-size:14px;box-shadow:0 0 25px #2873ef13}.hero h1{font-size:clamp(48px,7vw,80px);line-height:1.05;margin:35px 0 22px;letter-spacing:-.04em}.hero h1 span{color:#fff}.hero-sub{font-size:18px;color:#9bbcf0;line-height:1.7;max-width:650px;margin:auto}
.stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:58px}.stat{width:260px;padding:22px 20px;border-radius:16px;display:flex;align-items:center;text-align:left;gap:18px}.stat.wide{width:260px}.stat-icon{width:49px;height:49px;border-radius:13px;background:#0e3067;color:#5d9cff;display:grid;place-items:center;font-size:27px}.stat b{display:block;font-size:27px}.stat small{display:block;color:#87a9e5;font-size:13px;margin-top:4px}
.profile{padding-top:35px}.profile-card{max-width:620px;margin:auto;border-radius:25px;padding:45px 45px 38px;text-align:center}.avatar{width:130px;height:130px;margin:-95px auto 20px;border-radius:32px;border:6px solid #123d82;background:linear-gradient(145deg,#3474df,#153a84);display:grid;place-items:center;font-size:42px;font-weight:900;box-shadow:0 20px 45px #0005}.profile-card h2{font-size:34px}.profile-card>p{font-size:19px;color:#83a9e9;margin-top:9px}.profile-buttons{display:grid;gap:14px;margin-top:36px}.profile-buttons a{padding:16px;border-radius:13px;font-size:17px;font-weight:700}.email-btn{background:#2d61c0}.wa-btn{background:#0ead4d}
.services,.expertise{text-align:center}.services h2,.expertise h2,.why h2{font-size:clamp(36px,5vw,54px);margin:27px 0 10px}.section-sub{color:#8fb1eb;font-size:17px;line-height:1.7;max-width:650px;margin:auto}.service-list{display:grid;gap:30px;margin-top:65px;text-align:left}.service-card{border-radius:21px;padding:36px 38px}.service-icon{width:78px;height:78px;border-radius:16px;background:linear-gradient(145deg,#2e68d3,#1a4291);display:grid;place-items:center;font-size:29px;font-weight:700;margin-bottom:35px;box-shadow:0 10px 25px #2769d640}.service-card h3{font-size:27px;margin-bottom:13px}.service-card p{font-size:17px;color:#83a9e8;line-height:1.8}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tags span{padding:8px 13px;border:1px solid #2761c866;border-radius:10px;color:#9abaf0;background:#0c2b5c;font-size:14px}
.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:60px;text-align:left}.expert{position:relative;border-radius:20px;padding:32px;min-height:245px}.expert-icon{width:58px;height:58px;border-radius:13px;background:#2c65ca;display:grid;place-items:center;font-size:25px}.expert em{position:absolute;top:32px;right:22px;font-style:normal;color:#a7c2f2;border:1px solid #3976dc55;background:#0e2e62;padding:8px 11px;border-radius:9px;font-size:12px}.expert h3{font-size:22px;margin-top:27px}.expert p{color:#86a9e9;line-height:1.7;margin-top:9px}
.why-card{border-radius:25px;padding:65px 60px;background:linear-gradient(145deg,#78a2ee,#385f9f);border:1px solid #a9caff55;box-shadow:0 25px 70px #020c1f66;text-align:center}.why-card h2{margin:25px auto 45px;max-width:600px}.section-badge.light{background:#6b91cf66;border-color:#c5ddff55;color:#fff}.why-list{display:grid;gap:17px;max-width:700px;margin:auto}.why-list div{display:flex;align-items:center;gap:22px;text-align:left;border:1px solid #ffffff55;background:#ffffff10;padding:17px 20px;border-radius:15px;backdrop-filter:blur(10px)}.why-list i{width:48px;height:48px;border-radius:12px;background:#079b46;display:grid;place-items:center;font-style:normal;font-size:25px;flex:none}.why-list b{font-size:18px}
.contact{text-align:center;padding-bottom:115px}.contact-card{max-width:720px;margin:auto;border-radius:25px;padding:70px 35px}.contact-card h2{font-size:42px;line-height:1.18;margin:27px 0 20px}.contact-card p{color:#9ab9ed;font-size:17px;line-height:1.8;margin-bottom:28px}.start-btn,.email-outline{display:flex;align-items:center;justify-content:center;max-width:520px;margin:13px auto;padding:17px;border-radius:13px;font-size:18px;font-weight:700}.start-btn{background:#0dbe4d;color:#fff;box-shadow:0 12px 30px #00b94a33}.email-outline{border:1px solid #3472d7;color:#fff;background:#0c2d61}
.telegram{position:fixed;right:20px;bottom:88px;z-index:40;width:68px;height:68px;border-radius:50%;background:#1495e8;display:grid;place-items:center;font-size:29px;box-shadow:0 0 0 12px #148ee824,0 12px 35px #0005}
.bottom-nav{display:none}
footer{text-align:center;color:#6784b8;font-size:10px;padding:25px 15px 100px}
@media(max-width:700px){.section-pad{padding:65px 18px}.topbar{padding:0 18px}.logo-text{font-size:16px}.login-btn{padding:12px 22px}.notice{padding:20px 17px;margin-bottom:50px}.notice p{font-size:12px}.hero{padding-top:55px}.hero h1{font-size:48px}.hero-sub{font-size:16px}.stats{gap:12px}.stat{width:calc(50% - 6px);padding:16px 12px}.stat.wide{width:calc(50% - 6px)}.stat-icon{width:42px;height:42px}.stat b{font-size:22px}.stat small{font-size:11px}.profile{padding-top:75px}.profile-card{padding:42px 20px 25px}.profile-card h2{font-size:29px}.service-card{padding:28px 24px}.service-icon{width:65px;height:65px;margin-bottom:27px}.service-card h3{font-size:22px}.service-card p{font-size:15px}.expertise-grid{grid-template-columns:1fr;gap:15px}.expert{min-height:210px}.why-card{padding:50px 20px}.why-list b{font-size:16px}.contact-card{padding:55px 20px}.contact-card h2{font-size:36px}.telegram{width:62px;height:62px;bottom:83px}.bottom-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:74px;z-index:35;background:#06182fef;border-top:1px solid #27538c88;backdrop-filter:blur(16px);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8fa6cc;font-size:11px}.bottom-nav span{font-size:25px;line-height:1}.bottom-nav b{font-weight:600}.bottom-nav .active{color:#fff}.bottom-nav .active span{color:#8db6ff}footer{padding-bottom:100px}}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
.topbar{box-shadow:0 8px 35px rgba(0,0,0,.16)}
.logo-sh{box-shadow:0 0 22px rgba(23,191,238,.24)}
.login-btn{background:linear-gradient(135deg,#3c76e7,#2759be);border:1px solid #6da1ff55}
.hero-badge,.section-badge{box-shadow:0 0 30px rgba(44,120,255,.14),inset 0 1px rgba(255,255,255,.08)}
.hero h1,.services h2,.expertise h2,.why h2,.contact-card h2,.service-card h3,.expert h3,.profile-card h2{font-family:"Space Grotesk",Inter,sans-serif}
.glass{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.glass:hover{transform:translateY(-4px);border-color:#4f8fff55;box-shadow:inset 0 1px #91bbff18,0 25px 70px #020b1c44}
.service-card{position:relative;overflow:hidden}
.service-card:before,.expert:before{content:"";position:absolute;right:-90px;top:-90px;width:190px;height:190px;border-radius:50%;background:#3178ff18;filter:blur(28px);pointer-events:none}
.service-icon{background:linear-gradient(145deg,#3c7aeb,#163f8f);border:1px solid #78aaff25}
.tags span{transition:.2s}.tags span:hover{border-color:#5a91ff;color:#d6e5ff;background:#123b78}
.expert{position:relative;overflow:hidden}
.expert:nth-child(2) .expert-icon{background:linear-gradient(145deg,#865cf2,#4b2a9b)}
.expert:nth-child(3) .expert-icon{background:linear-gradient(145deg,#16b9d8,#12698a)}
.expert:nth-child(4) .expert-icon{background:linear-gradient(145deg,#20bf73,#087d49)}
.why-card{position:relative;overflow:hidden}
.why-card:before{content:"";position:absolute;width:420px;height:420px;left:-220px;top:-220px;border-radius:50%;background:#9fc7ff22;filter:blur(45px)}
.why-list div{transition:.22s}.why-list div:hover{transform:translateX(5px);background:#ffffff18;border-color:#d5e5ff77}
.start-btn{transition:.25s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00c94c45}
.telegram{background:linear-gradient(145deg,#28a8ff,#087ed7);border:1px solid #8fd4ff55}