:root{--primary:#2563eb;--secondary:#1d4ed8;--dark:#081329;--text:#111827;--bg:#f8fafc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background:#fff;color:#111827;overflow-x:hidden}.container{width:min(1200px,92%);margin:auto}section{padding:90px 0}a{text-decoration:none}img{max-width:100%}@media(max-width:900px){.hero{background:radial-gradient(circle at top right,rgba(37,99,235,.25),transparent 40%),linear-gradient(180deg,#030b1d,#07152f 45%,#0a1f47);padding-top:120px;padding-bottom:80px}.hero-wrapper{grid-template-columns:1fr;gap:30px;text-align:center}.hero-content{width:100%}.hero h1{color:#fff;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.45),0 0 25px rgba(255,255,255,.12)}.hero h1 span{color:#4f8cff}.hero h1 br{display:none}.hero p{font-size:19px;line-height:1.7;width:100%;max-width:100%;margin:auto}.hero-buttons,.hero-info{justify-content:center;flex-wrap:wrap}.hero-image,.hero-image img,.floating{display:none}}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#07152f,#0a2356 60%,#163e91);padding:150px 0 110px;color:#fff}.hero-wrapper{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero-content{color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600}.hero h1{margin:25px 0;font-size:68px;line-height:1.08;font-weight:900;letter-spacing:-2px;color:#fff}.hero h1 span{color:#4f8cff}.hero p{color:#fffffff2;opacity:1;font-size:19px;line-height:1.8;max-width:620px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.hero-content{position:relative;z-index:20}.hero-buttons,.hero-info{position:relative;z-index:30}.hero-image{position:relative;z-index:10}.hero:before,.hero:after,.hero-wave,.hero-glow,.particles{pointer-events:none}.hero-buttons{display:flex;gap:18px;margin-top:40px}.hero-btn-primary{padding:16px 34px;background:linear-gradient(135deg,#2563eb,#4f8cff);border-radius:14px;color:#fff;font-weight:700;box-shadow:0 20px 40px #2563eb59;transition:.3s}.hero-btn-primary:hover{transform:translateY(-5px)}.hero-btn-secondary{padding:16px 34px;border-radius:14px;border:1px solid rgba(255,255,255,.2);color:#fff;transition:.3s}.hero-btn-secondary:hover{background:#fff;color:#111}.hero-info{display:flex;gap:30px;margin-top:45px}.hero-info div{display:flex;gap:10px;align-items:center;font-weight:600}.hero-info i{color:#4f8cff;font-size:22px}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image img{width:100%;max-width:980px;animation:float 5s ease-in-out infinite;z-index:2;transform:scale(1.15)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:70px 70px;opacity:.4;pointer-events:none}.hero:after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#2563eb55,transparent 70%);right:-250px;top:-180px;filter:blur(50px);pointer-events:none}.typing{display:inline-flex;align-items:center;color:#4f8cff;font-weight:800}.typing:after{content:"";width:3px;height:1.1em;margin-left:6px;background:#4f8cff;display:inline-block;animation:blink .8s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:999;transition:.3s;padding:18px 0}.navbar.scrolled{background:#081329c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #00000026}.nav-wrapper{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:24px;font-weight:700}.logo b{color:#4f8cff}.logo-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fcfcfd,#f4f7fd);font-size:22px;color:#fff}.nav-menu{display:flex;align-items:center;gap:35px}.nav-menu a{color:#fff;font-weight:600;position:relative;transition:.3s}.nav-menu a:hover{color:#4f8cff}.nav-menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:#4f8cff;transition:.3s}.nav-menu a:hover:after{width:100%}.nav-button{display:flex;gap:15px}.btn-login{color:#fff;border:1px solid rgba(255,255,255,.15);padding:11px 22px;border-radius:12px;transition:.3s}.btn-login:hover{background:#fff;color:#111827}.btn-register{padding:11px 24px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f8cff);color:#fff;font-weight:700;box-shadow:0 10px 25px #2563eb59;transition:.3s}.btn-register:hover{transform:translateY(-3px)}.menu-toggle{display:none;width:48px;height:48px;border:none;outline:none;background:transparent;color:#fff;font-size:32px;cursor:pointer;position:relative;z-index:1000001;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000000}.hero{position:relative;z-index:1}@media(max-width:900px){.nav-menu{position:fixed;top:82px;left:-100%;width:100%;background:#fff;flex-direction:column;padding:30px;gap:20px;transition:.35s;box-shadow:0 20px 50px #00000014}.nav-menu a{color:#111827}.menu-toggle{display:block}.logo{font-size:20px}.menu-toggle{display:flex;align-items:center;justify-content:center}.nav-button{display:none}.nav-menu{position:fixed;top:76px;left:-100%;width:100%;background:#081329;display:flex;flex-direction:column;align-items:center;gap:24px;padding:35px 0;transition:left .35s ease;box-shadow:0 20px 50px #0003;z-index:999999}.nav-menu.active{left:0}.nav-menu a{color:#fff;font-size:18px}.hero{padding-top:120px;padding-bottom:80px}.hero-wrapper{grid-template-columns:1fr;text-align:center}.hero h1{font-size:40px}.hero p{font-size:16px;margin:auto}.hero-buttons,.hero-info{justify-content:center;flex-wrap:wrap}.hero-image{display:none}}.hero-wave{position:absolute;bottom:-180px;left:-10%;width:120%;height:450px;background:radial-gradient(circle at center,#2563eb30,transparent 70%);border-radius:50%;transform:rotate(-8deg)}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particles span{position:absolute;width:6px;height:6px;background:#4f8cff;border-radius:50%;opacity:.7;animation:particle 8s linear infinite}.particles span:nth-child(1){left:12%;top:20%}.particles span:nth-child(2){left:35%;top:70%}.particles span:nth-child(3){left:55%;top:30%}.particles span:nth-child(4){left:75%;top:60%}.particles span:nth-child(5){left:90%;top:15%}.particles span:nth-child(6){left:65%;top:85%}.user-name{display:flex;align-items:center;color:#fff;font-size:15px;font-weight:600;padding:10px 16px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap}.floating{position:absolute;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:30px;box-shadow:0 20px 50px #0003;animation:float 4s ease-in-out infinite}.bubble1{top:40px;left:30px}.bubble2{bottom:80px;right:40px}.bubble3{top:160px;right:-20px}.why-us{padding:110px 0;background:#f7faff}.section-title{text-align:center;margin-bottom:30px}.section-title span{display:inline-block;padding:8px 18px;background:#2563eb15;color:#2563eb;border-radius:30px;font-weight:700;margin-bottom:18px}.section-title h2{font-size:44px;color:#07152f;margin-bottom:18px}.section-title p{max-width:700px;margin:auto;color:#666;line-height:1.8}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.why-card{background:#fff;border-radius:22px;padding:38px;transition:.35s;box-shadow:0 15px 35px #0000000d;border:1px solid #eef3ff}.why-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #2563eb2e}.why-card i{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:18px;color:#fff;margin-bottom:24px;background:linear-gradient(135deg,#2563eb,#4f8cff)}.why-card h3{margin-bottom:14px;color:#07152f}.why-card p{color:#666;line-height:1.8}@media(max-width:992px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.why-us{padding:80px 0}.section-title h2{font-size:32px}.why-grid{grid-template-columns:1fr;gap:20px}.why-card{padding:28px}}.why-card{opacity:0;transform:translateY(60px) scale(.95);transition:opacity .7s ease,transform .7s ease,box-shadow .35s ease}.why-card.show{opacity:1;transform:translateY(0) scale(1)}.why-card:nth-child(1){transition-delay:.05s}.why-card:nth-child(2){transition-delay:.15s}.why-card:nth-child(3){transition-delay:.25s}.why-card:nth-child(4){transition-delay:.35s}.why-card:nth-child(5){transition-delay:.45s}.why-card:nth-child(6){transition-delay:.55s}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.why-card{position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(79,140,255,.08),transparent);transform:translate(-100%);transition:.8s}.why-card:hover:before{transform:translate(100%)}.why-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #2563eb2e}.why-card i{position:relative;display:inline-flex;width:72px;height:72px;justify-content:center;align-items:center;border-radius:50%;animation:iconFloat 4s ease-in-out infinite}.why-card i:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(79,140,255,.25);animation:pulseGlow 2s infinite}.stats{padding:110px 0;background:#fff}.stats .section-title{text-align:center;max-width:720px;margin:0 auto 70px}.stats .section-title span{display:inline-block;padding:8px 18px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-weight:700;margin-bottom:18px}.stats .section-title h2{font-size:42px;color:#07152f;font-weight:800;margin-bottom:18px}.stats .section-title p{font-size:18px;color:#6b7280;line-height:1.8}.stats{margin-top:-70px;position:relative;z-index:10;padding-bottom:100px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stat-card{background:#fff;border-radius:22px;padding:35px;text-align:center;box-shadow:0 20px 50px #00000014;transition:.35s;border:1px solid #eef3ff}.stat-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #2563eb2e}.stat-card i{width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin:auto auto 20px;border-radius:18px;font-size:30px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f8cff)}.stat-card h2{font-size:42px;color:#07152f;font-weight:800}.stat-card span{font-size:24px}.stat-card p{margin-top:8px;color:#666}@media(max-width:992px){.stats{margin-top:40px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:28px}}.workflow{padding:120px 0;background:#f8fbff}.workflow-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}.workflow-grid:before{content:"";position:absolute;left:8%;right:8%;top:62px;height:3px;background:linear-gradient(90deg,#2563eb,#4f8cff);z-index:1}.workflow-card{position:relative;z-index:2;background:#fff;border-radius:22px;padding:40px 30px;text-align:center;box-shadow:0 20px 50px #0000000f;transition:.35s}.workflow-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #2563eb26}.workflow-number{position:absolute;top:18px;right:22px;color:#2563eb;font-size:42px;font-weight:800;opacity:.08}.workflow-icon{width:90px;height:90px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#4f8cff);color:#fff;font-size:38px;box-shadow:0 15px 35px #2563eb59}.workflow-card h3{margin:28px 0 14px;font-size:24px;color:#07152f}.workflow-card p{color:#6b7280;line-height:1.8}@media(max-width:991px){.workflow-grid{grid-template-columns:1fr}.workflow-grid:before{display:none}}.workflow-card{opacity:0;transform:translateY(60px);transition:.8s ease}.workflow-card.show{opacity:1;transform:translateY(0)}.workflow-card:nth-child(1){transition-delay:.1s}.workflow-card:nth-child(2){transition-delay:.25s}.workflow-card:nth-child(3){transition-delay:.4s}.workflow-card:nth-child(4){transition-delay:.55s}.advantages{position:relative;padding:120px 0;background:#fff;overflow:hidden}.advantages:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:70px 70px;animation:gridMove 18s linear infinite}.adv-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:70px;z-index:2}.adv-card{background:#fff;border-radius:24px;padding:40px;border:1px solid #E7EEFF;box-shadow:0 20px 50px #0000000d;transition:.4s;opacity:0;transform:translateY(70px)}.adv-card.show{opacity:1;transform:translateY(0)}.adv-card:hover{transform:translateY(-12px);box-shadow:0 30px 70px #2563eb2e}.large{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.adv-icon{width:78px;height:78px;border-radius:20px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2563eb,#4f8cff);color:#fff;font-size:34px;margin-bottom:25px;position:relative;animation:floatIcon 4s ease-in-out infinite}.adv-icon:after{content:"";position:absolute;inset:-10px;border-radius:22px;border:2px solid rgba(37,99,235,.2);animation:pulseGlow 2s infinite}.adv-card h3{font-size:28px;margin-bottom:15px;color:#07152f}.adv-card p{color:#6b7280;line-height:1.8}@media(max-width:900px){.adv-grid{grid-template-columns:1fr}.large{grid-row:auto}}.faq{padding:120px 0;background:#f8faff;position:relative;overflow:hidden}.faq:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:70px 70px;animation:gridMove 18s linear infinite}.faq-list{max-width:900px;margin:70px auto 0;position:relative;z-index:2}.faq-item{background:#fff;border-radius:18px;margin-bottom:20px;overflow:hidden;border:1px solid #E6EEFF;box-shadow:0 15px 40px #0000000d;transition:.35s}.faq-item:hover{transform:translateY(-5px);box-shadow:0 25px 55px #2563eb26}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border:none;background:none;cursor:pointer;font-size:19px;font-weight:700;color:#07152f}.faq-question i{font-size:22px;transition:.35s;color:#2563eb}.faq-answer{max-height:0;overflow:hidden;transition:.45s ease}.faq-answer p{padding:0 30px 28px;color:#64748b;line-height:1.8}.faq-item.active .faq-answer{max-height:250px}.faq-item.active i{transform:rotate(45deg)}.faq-item{opacity:0;transform:translateY(60px);transition:.7s}.faq-item.show{opacity:1;transform:translateY(0)}.faq-item:nth-child(1){transition-delay:.1s}.faq-item:nth-child(2){transition-delay:.2s}.faq-item:nth-child(3){transition-delay:.3s}.faq-item:nth-child(4){transition-delay:.4s}.cta{padding:120px 0 80px;background:#fff}.cta-box{background:linear-gradient(135deg,#2563eb,#4f8cff);border-radius:30px;padding:60px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px;overflow:hidden;position:relative}.cta-box:before{content:"";position:absolute;width:350px;height:350px;background:#ffffff14;border-radius:50%;right:-100px;top:-100px}.cta h2{font-size:42px;margin:15px 0}.cta p{opacity:.95;max-width:620px;line-height:1.8}.cta-btn{padding:18px 38px;background:#fff;color:#2563eb;border-radius:14px;font-weight:700;transition:.3s;white-space:nowrap}.cta-btn:hover{transform:translateY(-5px)}.footer{background:#07152f;color:#fff;padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:25px}.footer-logo img{width:46px}.footer-logo span{font-size:24px;font-weight:700}.footer h4{margin-bottom:20px;font-size:19px}.footer p{color:#cbd5e1;line-height:1.9}.footer ul{list-style:none;padding:0}.footer li{margin-bottom:14px;color:#cbd5e1}.footer a{color:#cbd5e1;transition:.3s}.footer a:hover{color:#60a5fa}.footer-social{display:flex;gap:15px;margin-top:25px}.footer-social a{width:46px;height:46px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ffffff14;font-size:20px}.footer-social a:hover{background:#2563eb;color:#fff;transform:translateY(-5px)}.footer-bottom{margin-top:60px;border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:25px;color:#94a3b8}@media(max-width:900px){.cta-box{flex-direction:column;text-align:center;padding:40px 25px}.cta h2{font-size:32px}.footer-grid{grid-template-columns:1fr;gap:40px;text-align:center}.footer-logo,.footer-social{justify-content:center}}