@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0} :root{--primary:#3158ff;--purple:#783cff;--text:#111b4c;--muted:#69738d;--line:#e4e9f5;--bg:#f7f9ff} body{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.container{width:min(1200px,92%);margin:auto}
.header{height:76px;background:#fffdfdf2;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;font-size:17px}.logo>span:last-child{display:flex;flex-direction:column}.logo small{font-size:7px;color:#7c87a2;letter-spacing:.5px}.logo-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#2166ff,#813cff);box-shadow:0 8px 25px #4162ff3b;font-weight:800}.desktop-nav{display:flex;gap:32px}.desktop-nav a{font-size:13px;font-weight:600;color:#68718a}.desktop-nav a.active,.desktop-nav a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:10px}.login{padding:11px 18px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border:0;border-radius:11px;background:linear-gradient(135deg,#3158ff,#783cff);color:white;font-size:12px;font-weight:800;box-shadow:0 10px 25px #4e50ff2c;cursor:pointer}.btn.ghost{background:white;color:var(--primary);border:1px solid #dce2f2;box-shadow:none}.big{padding:14px 23px}.menu{display:none;border:0;background:none;font-size:20px}
.hero{overflow:hidden;padding:75px 0;background:radial-gradient(circle at 80% 20%,#e4eaff,transparent 33%),linear-gradient(#fff,#f3f6ff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.badge,.page-hero label,.section-head label{display:inline-block;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.4px}.badge{padding:8px 12px;background:#edf2ff;border-radius:30px;margin-bottom:20px}.hero h1{font-size:clamp(40px,5vw,65px);line-height:1.05;letter-spacing:-3px}.hero h1 span{color:var(--primary)}.hero-copy>p{max-width:590px;color:var(--muted);font-size:14px;line-height:1.8;margin:20px 0}.search{height:58px;max-width:600px;display:flex;align-items:center;background:white;border:1px solid #dce3f4;border-radius:15px;padding-left:17px;box-shadow:0 15px 40px #29457a12}.search i{color:#7c86a0}.search input{flex:1;border:0;outline:0;padding:0 13px;font:inherit;font-size:12px}.search button{height:46px;margin-right:6px;padding:0 22px;border:0;border-radius:11px;color:white;background:linear-gradient(135deg,#3158ff,#783cff);font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;font-size:10px;align-items:center}.chips span{color:#778199}.chips a{padding:6px 10px;background:#edf2ff;border-radius:20px;color:#4860a0}.hero-buttons{display:flex;gap:10px;margin-top:25px}
.hero-art{height:470px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb1{width:370px;height:370px;background:radial-gradient(circle,#9eaeff55,transparent 68%)}.orb2{width:170px;height:170px;background:#b99cff33;right:20px;top:70px}.printer{position:relative;width:330px;height:290px;transform:perspective(900px) rotateY(-13deg) rotateX(5deg);filter:drop-shadow(20px 30px 30px #3854a633)}.printer-top{position:absolute;width:270px;height:55px;left:30px;top:0;border-radius:25px 25px 10px 10px;background:linear-gradient(135deg,#fff,#d7e0ff);transform:skew(-8deg)}.printer-body{position:absolute;top:45px;left:10px;width:310px;height:190px;border-radius:25px;background:linear-gradient(135deg,#fff,#c7d2ff);box-shadow:inset 0 2px 5px white,0 20px 35px #324e9c22}.screen{position:absolute;left:28px;top:32px;width:65px;height:45px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#275dff,#783cff);color:white}.slot{position:absolute;left:90px;top:85px;width:170px;height:15px;border-radius:10px;background:#9eabda}.paper{position:absolute;left:95px;top:105px;width:150px;height:90px;border-radius:8px;background:white;padding:12px;box-shadow:0 8px 15px #5267a233;font-size:11px}.paper small{display:block;font-size:7px;color:#7a84a0}.paper hr{border:0;border-top:1px solid #e3e7f2;margin:8px 0}.paper i{color:#3158ff}.printer-base{position:absolute;bottom:0;left:45px;width:220px;height:22px;border-radius:50%;background:#bac5fa}.float-card{position:absolute;padding:12px 16px;background:#fffffff0;backdrop-filter:blur(12px);border:1px solid white;border-radius:15px;box-shadow:0 15px 35px #23377a22;font-size:11px;z-index:2}.fc1{right:0;top:70px}.fc2{left:0;bottom:105px}.fc3{right:35px;bottom:35px}
.section{padding:80px 0;background:white}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:30px;margin:7px 0}.section-head p{font-size:13px;color:var(--muted)}.section-head>a{color:var(--primary);font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:white;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #263d7914}.icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.blue{background:#e6f0ff}.purple{background:#eee7ff}.cyan{background:#e2faff}.pink{background:#ffe8f3}.red{background:#ffe8eb}.orange{background:#fff0dc}.green{background:#e2fff3}.violet{background:#eae9ff}.service-card h3{font-size:14px}.service-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0;min-height:36px}.service-card a{font-size:10px;color:var(--primary);font-weight:800}.blue-banner{padding:55px 0;color:white;background:linear-gradient(110deg,#10286f,#2851df,#6735d7)}.banner-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.banner-inner h2{font-size:29px;margin:7px 0}.banner-inner p{font-size:12px;opacity:.75}.white-btn{display:inline-block;margin-top:18px;background:white;color:#2748c6;padding:12px 18px;border-radius:10px;font-size:11px;font-weight:800}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.features div{display:flex;flex-direction:column;gap:5px;font-size:20px}.features b{font-size:11px}.features small{font-size:9px;opacity:.65}.footer{height:75px;display:flex;align-items:center;justify-content:space-between;color:white}.footer:before{content:"";position:absolute;left:0;right:0;height:75px;background:#071538;z-index:-1}.footer span{font-size:10px;color:#8994b1}
.page-hero{padding:65px 0;background:linear-gradient(110deg,#0f2c78,#3658df,#6938d7);color:white}.page-hero h1{font-size:42px;max-width:700px;margin:10px 0}.page-hero p{opacity:.8}.page-hero .search{margin-top:25px}.category-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.cat{padding:10px 15px;border:1px solid var(--line);background:white;border-radius:10px;color:#65708b;font-size:11px;font-weight:700}.cat.active{background:#edf2ff;color:var(--primary)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:white;border:1px solid var(--line);border-radius:18px;padding:30px}.plan.featured{border:2px solid var(--primary);box-shadow:0 20px 45px #3158ff18}.plan span{font-size:10px;color:var(--primary);font-weight:800}.plan h2{font-size:34px;margin:20px 0 5px}.plan h2 small{font-size:11px;color:var(--muted)}.plan p{color:var(--muted);font-size:12px}.plan ul{list-style:none;margin:25px 0}.plan li{font-size:12px;margin:12px 0}.plan .btn{width:100%}
.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dce5ff,transparent 30%),linear-gradient(135deg,#f8faff,#edf1ff)}.auth-card{width:min(420px,92%);background:#ffffffec;backdrop-filter:blur(15px);border:1px solid white;border-radius:22px;padding:35px;box-shadow:0 25px 70px #203d8617}.auth-card h1{font-size:28px;margin:25px 0 8px}.auth-card>p{color:var(--muted);font-size:12px;margin-bottom:22px}.auth-card form{display:grid;gap:8px}.auth-card label{font-size:11px;font-weight:700;margin-top:8px}.auth-card input{height:45px;border:1px solid var(--line);border-radius:10px;padding:0 12px;outline:none}.full{width:100%;margin-top:14px}.auth-card small,.auth-card>a:last-child{display:block;margin-top:15px;color:var(--muted);font-size:10px}.auth-card>a:last-child{color:var(--primary);font-weight:700}
.dashboard{display:flex;min-height:100vh;background:#f6f8fd}.sidebar{position:fixed;width:245px;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column;gap:5px}.sidebar.dark{background:#071938;color:white;border-right:0}.side-logo{font-size:17px;font-weight:800;padding:10px 12px 25px;color:inherit}.sidebar>a:not(.side-logo){padding:12px;border-radius:10px;font-size:11px;color:#73809b}.sidebar.dark>a:not(.side-logo){color:#b7c0d4}.sidebar a.selected{background:#3158ff;color:white!important}.dash-main{margin-left:245px;width:calc(100% - 245px);padding:35px}.dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dash-top small{color:var(--primary);font-size:9px;font-weight:800}.dash-top h1{font-size:25px;margin-top:5px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3158ff,#783cff);color:white;font-size:11px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.stat small{display:block;color:#78839b;font-size:10px;margin:9px 0}.stat b{font-size:22px;display:block}.stat em{font-size:9px;color:#14a66b;font-style:normal}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin:15px 0}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:14px}.panel-head a{font-size:10px;color:var(--primary);font-weight:800}.quick a{display:block;padding:13px;margin-top:9px;border:1px solid var(--line);border-radius:10px;font-size:10px}.panel table{width:100%;border-collapse:collapse;margin-top:15px;font-size:10px}.panel th,.panel td{text-align:left;padding:12px 7px;border-bottom:1px solid #edf0f6}.panel th{color:#7d879d;font-size:9px}.panel mark{background:#e4fff2;color:#119866;border-radius:15px;padding:5px 8px;font-size:8px}.panel mark.yellow{background:#fff5d8;color:#9a7000}.fake-chart{height:160px;margin-top:20px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line)}.fake-chart i{display:block;flex:1;background:linear-gradient(#5a6dff,#cad4ff);border-radius:8px 8px 0 0}.fake-chart i:nth-child(1){height:35%}.fake-chart i:nth-child(2){height:55%}.fake-chart i:nth-child(3){height:43%}.fake-chart i:nth-child(4){height:72%}.fake-chart i:nth-child(5){height:60%}.fake-chart i:nth-child(6){height:88%}
@media(max-width:1000px){.desktop-nav{display:none}.menu{display:block}.desktop-nav.show{display:flex;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:0 10px 25px #0001}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p,.search{margin-left:auto;margin-right:auto}.chips,.hero-buttons{justify-content:center}.cards{grid-template-columns:repeat(2,1fr)}.banner-inner{flex-direction:column;text-align:center}.features{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.header{height:65px}.login{display:none}.hero{padding:50px 0}.hero h1{font-size:38px;letter-spacing:-2px}.hero-art{height:320px;transform:scale(.78);margin-top:-30px}.cards,.plans{grid-template-columns:1fr}.section{padding:55px 0}.section-head{display:block}.section-head>a{display:block;margin-top:12px}.features{grid-template-columns:repeat(2,1fr);text-align:left}.page-hero h1{font-size:31px}.dashboard{display:block}.sidebar{position:relative;width:100%;height:auto;flex-direction:row;overflow:auto;padding:10px}.sidebar .side-logo{display:none}.sidebar>a:not(.side-logo){white-space:nowrap}.dash-main{margin:0;width:100%;padding:20px}.dash-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.panel{overflow:auto}.panel table{min-width:520px}.nav-actions .btn{padding:10px 12px;font-size:10px}}