:root{--navy:#112a5a;--blue:#216cff;--blue2:#4a8cff;--green:#19b86b;--purple:#8a4dff;--pink:#ff4f8a;--orange:#ff8a2a;--teal:#16b8b0;--bg:#f4f8ff;--text:#17254a;--muted:#6d7894;--line:#e7edf7;--white:#fff;--shadow:0 18px 45px rgba(26,58,120,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:11px 18px;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(33,108,255,.18)}.btn.primary{background:linear-gradient(135deg,#216cff,#4056ff);color:#fff}.btn.ghost{background:#fff;color:var(--navy);border:1px solid #dbe6f6}.btn.white{background:#fff;color:var(--blue)}.btn.lg{padding:15px 24px}.btn.wide{width:100%}.brand{display:flex;align-items:center;gap:11px;font-size:17px;color:var(--navy)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:17px}.brand small{font-size:10px;font-weight:600;color:#6d7894;letter-spacing:.2px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#24c875,#1d75ff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(33,108,255,.22)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#3c6ddf}.eyebrow i,.eyebrow>i{width:8px;height:8px;border-radius:50%;background:#2acb76;display:inline-block}.site-nav{position:sticky;top:0;z-index:50;height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(222,231,245,.7)}.site-nav nav{display:flex;gap:27px;font-size:13px;font-weight:600;color:#4e5d7a}.site-nav nav a{padding:10px 3px;position:relative}.site-nav nav a.active,.site-nav nav a:hover{color:var(--blue)}.site-nav nav a.active:after{content:"";position:absolute;height:3px;width:24px;border-radius:5px;background:var(--blue);bottom:0;left:50%;transform:translateX(-50%)}.nav-actions{display:flex;gap:12px;align-items:center}.lang{border:1px solid #dce6f5;background:#fff;border-radius:12px;padding:10px 12px;color:#44516b}.hero{min-height:650px;padding:65px 7% 30px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;overflow:hidden;background:radial-gradient(circle at 85% 30%,#dff1ff,transparent 35%),linear-gradient(180deg,#fff,#eef6ff)}.hero-copy{max-width:650px;position:relative;z-index:2}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-.055em;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,#216cff,#10b98e);-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.75;color:#65718a;max-width:600px}.hero-buttons{display:flex;gap:14px;margin-top:28px}.hero-visual{height:540px;position:relative;display:grid;place-items:center}.hero-visual img{width:96%;max-width:800px;border-radius:28px;box-shadow:0 35px 70px rgba(26,62,125,.2);transform:rotate(-2deg);position:relative;z-index:2}.hero-orb{position:absolute;width:520px;height:520px;border-radius:50%;background:linear-gradient(135deg,#d8edff,#e8dcff);filter:blur(2px);animation:float 6s ease-in-out infinite}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:17px;padding:14px 17px;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;animation:float 5s ease-in-out infinite}.float-card i{grid-row:span 2;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e8f2ff;color:var(--blue)}.float-card b{font-size:12px}.float-card span{font-size:10px;color:var(--muted)}.card-one{left:2%;top:23%}.card-two{right:1%;bottom:17%;animation-delay:1s}.stats{margin:-1px auto 0;width:86%;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:20px;box-shadow:var(--shadow);position:relative;z-index:8;overflow:hidden}.stats>div{padding:20px 16px;border-right:1px solid #edf1f7;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}.stats i{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:14px}.stats b{font-size:20px}.stats span{font-size:10px;color:var(--muted)}.section{padding:100px 8%}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#fff}.split h2,.section-heading h2{font-size:40px;line-height:1.1;letter-spacing:-.04em;margin:14px 0}.split p,.section-heading p{color:var(--muted);line-height:1.8}.section-art{min-height:350px;display:grid;place-items:center}.art-card{width:390px;height:270px;border-radius:30px;background:linear-gradient(145deg,#edf6ff,#f7f1ff);box-shadow:var(--shadow);padding:32px;position:relative;overflow:hidden}.art-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#dcecff;right:-50px;top:-70px}.art-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:25px;position:relative}.blue{background:#e6efff;color:var(--blue)}.bars{height:150px;display:flex;align-items:flex-end;gap:16px;margin-top:15px}.bars i{display:block;width:34px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#2f7bff,#72c8ff);animation:bar 3s ease-in-out infinite}.bars i:nth-child(2n){animation-delay:.4s}.check-list{display:grid;gap:15px;margin-top:28px}.check-list span{font-weight:600;font-size:14px}.check-list i{color:#19b86b;margin-right:10px}.features{background:linear-gradient(180deg,#f7faff,#edf5ff)}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{background:#fff;padding:28px;border:1px solid #eaf0f8;border-radius:20px;box-shadow:0 12px 35px rgba(30,62,120,.06);transition:.3s}.feature-grid article:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.feature-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:20px}.green{background:#e4faef;color:#16a85f}.pink{background:#fff0f5;color:#ff4f8a}.orange{background:#fff1e5;color:#f07817}.purple{background:#f0e9ff;color:#7b42ef}.teal{background:#e4fbfa;color:#129f99}.feature-grid h3{margin:18px 0 8px}.feature-grid p{font-size:13px;color:var(--muted);line-height:1.7}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps>div{position:relative;padding:28px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 30px rgba(30,60,120,.05)}.steps b{color:#b8c4d8;font-size:28px}.steps i{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#edf4ff;color:var(--blue);margin:20px 0 10px}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.cta{margin:0 7% 80px;padding:55px 6%;border-radius:30px;background:linear-gradient(120deg,#17376e,#216cff 60%,#3a59ff);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08);right:-120px;top:-180px}.cta h2{font-size:38px;margin:12px 0}.cta p{color:#d8e5ff}.cta .eyebrow{color:#a9c8ff}.site-footer{padding:60px 8%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;background:#0f2754;color:#c8d4e9}.site-footer .brand{color:#fff}.site-footer .brand small{color:#a7b7d1}.site-footer p{max-width:360px;line-height:1.7;font-size:13px}.site-footer>div{display:grid;align-content:start;gap:12px;font-size:13px}.site-footer b{color:#fff}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:0 0 255px;background:linear-gradient(180deg,#0c2858,#102e63);color:#c8d5eb;position:sticky;top:0;height:100vh;padding:20px 13px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{color:#fff;padding:5px 9px 24px}.sidebar .brand small{color:#a8bad7}.sidebar nav{overflow:auto;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#3d6fbe;border-radius:20px}.nav-label{font-size:9px;letter-spacing:.13em;color:#7992b9;font-weight:800;padding:16px 13px 8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:12px;color:#bfd0e8;font-size:12px;font-weight:600;margin:3px 0;transition:.2s}.sidebar nav a i{width:19px;text-align:center;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#216cff,#3c55ef);color:#fff;box-shadow:0 10px 22px rgba(33,108,255,.25)}.sidebar-bottom{margin-top:auto;padding:13px 7px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.sidebar-bottom>div:nth-child(2){display:grid;flex:1}.sidebar-bottom b{font-size:11px;color:#fff}.sidebar-bottom small{font-size:9px;color:#9fb1ce}.sidebar-bottom>a{color:#8ea4c6}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2c76ff,#82a9ff);color:#fff;font-weight:800}.avatar.sm{width:31px;height:31px;font-size:11px}.main{min-width:0;flex:1}.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.search{width:min(520px,50%);height:40px;border-radius:12px;background:#f5f8fd;display:flex;align-items:center;padding:0 13px;color:#91a0b8}.search input{border:0;outline:0;background:transparent;flex:1;padding-left:9px;font-size:12px}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;background:#f5f8fd;width:38px;height:38px;border-radius:12px;color:#5f6f8c;position:relative}.icon-btn em{position:absolute;right:-3px;top:-4px;background:#ff4f62;color:#fff;border-radius:10px;font-size:8px;padding:3px 5px;font-style:normal}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.user-chip>i{font-size:9px;color:#8795ab}.mobile-menu{display:none;border:0;background:#edf3ff;color:var(--blue);width:38px;height:38px;border-radius:10px}.content{padding:28px}.footer{padding:0 28px 22px;color:#8b97aa;font-size:10px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-head h1{margin:0;font-size:28px;letter-spacing:-.04em}.page-head p{margin:7px 0 0;color:var(--muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:20px;border-radius:18px;color:#fff;position:relative;overflow:hidden;box-shadow:0 15px 30px rgba(30,70,140,.12)}.kpi:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.13);right:-25px;top:-35px}.kpi.blue{background:linear-gradient(135deg,#1971ff,#3b54ff);color:#fff}.kpi.green{background:linear-gradient(135deg,#15b868,#1fcf88);color:#fff}.kpi.orange{background:linear-gradient(135deg,#ff8b25,#ffb23e);color:#fff}.kpi.purple{background:linear-gradient(135deg,#8147ef,#a86aff);color:#fff}.kpi small{opacity:.82;font-size:10px}.kpi strong{display:block;font-size:25px;margin:6px 0}.kpi span{font-size:9px;opacity:.9}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(25,60,120,.05);padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-head h3{font-size:14px;margin:0}.muted{font-size:10px;color:var(--muted)}.chart{height:245px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 8px}.chart i{flex:1;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#5d95ff,#d9e7ff);position:relative;animation:grow 1.2s ease both}.chart i:after{content:"";position:absolute;left:50%;top:-8px;width:7px;height:7px;border-radius:50%;background:#216cff}.chart i:nth-child(1){height:32%}.chart i:nth-child(2){height:48%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:62%}.chart i:nth-child(5){height:55%}.chart i:nth-child(6){height:72%}.chart i:nth-child(7){height:67%}.chart i:nth-child(8){height:82%}.chart i:nth-child(9){height:74%}.chart i:nth-child(10){height:91%}.donut-wrap{display:flex;align-items:center;gap:25px;min-height:245px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#216cff 0 31%,#1fc97d 31% 52%,#ff8c2d 52% 70%,#8c51f5 70% 84%,#ff4f8a 84% 100%);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:32px;border-radius:50%;background:#fff}.donut b{position:relative;z-index:2;font-size:25px}.legend{display:grid;gap:9px;font-size:10px}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#216cff;margin-right:7px}.legend span:nth-child(2):before{background:#1fc97d}.legend span:nth-child(3):before{background:#ff8c2d}.legend span:nth-child(4):before{background:#8c51f5}.table-card{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#f7f9fd;color:#7c899e;font-size:9px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:12px;white-space:nowrap}td{padding:12px;border-bottom:1px solid #edf1f6;white-space:nowrap}tr:hover td{background:#fbfcff}.badge{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:800}.badge.active{background:#e5faef;color:#159c5c}.badge.trash{background:#fff0f0;color:#ef5350}.actions{display:flex;gap:6px}.action{border:0;width:29px;height:29px;border-radius:8px;cursor:pointer}.action.edit{background:#eaf2ff;color:#216cff}.action.delete{background:#fff0f1;color:#ef4f59}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.filters{display:flex;gap:8px;flex-wrap:wrap}.input,select,.form-control{height:40px;border:1px solid #dfe7f2;background:#fff;border-radius:10px;padding:0 12px;outline:none;font-size:11px;color:#33415e}.input:focus,select:focus,.form-control:focus{border-color:#72a1ff;box-shadow:0 0 0 3px #edf4ff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group{display:grid;gap:7px}.form-group.full{grid-column:1/-1}.form-group label{font-size:10px;font-weight:800;color:#55627a}.form-control{width:100%;height:43px}.textarea{height:90px;padding-top:10px}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:18px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;font-size:11px}.alert.success{background:#e9fbf1;color:#147e4b}.alert.error{background:#fff0f1;color:#c73e49}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f6f9ff}.auth-art{padding:8%;background:linear-gradient(135deg,#102b5c,#1d65d9);color:#fff;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;bottom:-220px;background:rgba(255,255,255,.07)}.brand.light{color:#fff}.brand.light small{color:#c7d6ee}.auth-copy{position:relative;z-index:2;max-width:600px;margin-top:20vh}.auth-copy h1{font-size:54px;line-height:1.02;letter-spacing:-.05em}.auth-copy h1 span{color:#67e5b0}.auth-copy p{color:#d1def1;line-height:1.8}.auth-card{display:grid;place-items:center;padding:8%}.auth-box{width:min(410px,100%);background:#fff;border-radius:25px;padding:38px;box-shadow:var(--shadow)}.mini-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue)}.auth-box h2{font-size:28px;margin:20px 0 6px}.auth-box>p{font-size:12px;color:var(--muted);margin:0 0 25px}.auth-box form{display:grid;gap:16px}.auth-box label{font-size:10px;font-weight:800;display:grid;gap:7px;color:#4d5a73}.auth-box input{height:45px;border:1px solid #dce5f2;border-radius:11px;padding:0 13px;outline:0}.pass{position:relative}.pass input{width:100%;padding-right:42px}.pass button{position:absolute;right:4px;top:4px;height:37px;width:37px;border:0;background:transparent;color:#8997ac}.demo-note{font-size:9px;color:#8a96a9;background:#f7f9fd;padding:11px;border-radius:10px;margin-top:15px;line-height:1.5}.demo-note i{color:var(--blue)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bar{0%,100%{opacity:.8;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1)}}@keyframes grow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}.reveal{animation:reveal .8s ease both}@keyframes reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:1100px){.site-nav nav{gap:13px}.hero{grid-template-columns:1fr}.hero-copy{text-align:center;margin:auto}.hero-copy .eyebrow{justify-content:center}.hero-buttons{justify-content:center}.hero-visual{height:450px}.stats{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.site-nav{padding:0 20px}.site-nav nav{display:none}.nav-actions .lang{display:none}.hero{padding:45px 20px}.hero h1{font-size:42px}.hero-visual img{width:100%}.stats{width:calc(100% - 30px);grid-template-columns:repeat(2,1fr)}.section{padding:65px 20px}.split{grid-template-columns:1fr;gap:30px}.feature-grid,.steps{grid-template-columns:1fr}.cta{margin:0 20px 50px;display:grid}.site-footer{grid-template-columns:1fr;padding:45px 20px}.sidebar{position:fixed;left:-265px;transition:.25s}.menu-open .sidebar{left:0}.mobile-menu{display:block}.topbar{padding:0 15px}.search{width:50%}.content{padding:15px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero h1{font-size:36px}.hero-visual{height:300px}.float-card{display:none}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:14px 10px}.stats b{font-size:16px}.top-actions .user-chip>span:not(.avatar){display:none}.search{width:45%}.kpis{grid-template-columns:1fr}.donut-wrap{flex-direction:column}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-card{padding:25px}.auth-box{padding:25px}}