:root{--bg:#070912;--card:#101421;--card2:#151a2a;--text:#f5f7ff;--muted:#9ca6bd;--line:rgba(255,255,255,.1);--primary:#6d5dfc;--accent:#24d5ff;--success:#26d07c;--danger:#ff5b72;--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.saas-body{margin:0;background:radial-gradient(circle at 15% 0,rgba(109,93,252,.23),transparent 34%),radial-gradient(circle at 88% 14%,rgba(36,213,255,.13),transparent 28%),var(--bg);color:var(--text);font-family:Inter,Poppins,system-ui,-apple-system,sans-serif;min-height:100vh}.saas-container{width:min(1160px,calc(100% - 32px));margin:auto}.saas-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(7,9,18,.76);backdrop-filter:blur(18px)}.saas-nav-inner{height:72px;display:flex;align-items:center;gap:28px}.saas-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:20px;font-weight:800}.saas-logo{display:inline-flex;width:39px;height:39px;border-radius:13px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:900;box-shadow:0 10px 30px rgba(109,93,252,.35)}.saas-menu{display:flex;gap:22px;margin-left:auto}.saas-menu a,.saas-link{color:var(--muted);text-decoration:none;font-size:14px;font-weight:650}.saas-menu a:hover,.saas-link:hover{color:#fff}.saas-actions{display:flex;gap:10px}.saas-btn{border:0;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:750;cursor:pointer;transition:.2s;background:#202638}.saas-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.saas-btn.primary{background:linear-gradient(135deg,var(--primary),#8f52ff);box-shadow:0 14px 34px rgba(109,93,252,.28)}.saas-btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.saas-btn.success{background:linear-gradient(135deg,#17af68,var(--success))}.saas-btn.danger{background:var(--danger)}.saas-btn.block{width:100%}.saas-hero{padding:92px 0 70px}.saas-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:850;letter-spacing:.14em;color:#bdb6ff;text-transform:uppercase}.kicker:before{content:"";width:24px;height:2px;background:var(--accent);border-radius:4px}.saas-hero h1{font-size:clamp(42px,6.8vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px}.saas-gradient{background:linear-gradient(100deg,#fff 15%,#a99fff 55%,#54e6ff);-webkit-background-clip:text;color:transparent}.saas-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:690px}.saas-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.saas-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:13px}.saas-proof span:before{content:"✓";color:var(--success);margin-right:7px;font-weight:900}.hero-dashboard{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-radius:26px;padding:20px;box-shadow:var(--shadow);overflow:hidden}.hero-dashboard:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--primary);filter:blur(100px);opacity:.25;right:-80px;top:-80px}.fake-browser{position:relative;border:1px solid var(--line);background:#0b0e17;border-radius:18px;overflow:hidden}.fake-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line)}.fake-top i{width:9px;height:9px;border-radius:50%;background:#ff6178}.fake-top i:nth-child(2){background:#ffc857}.fake-top i:nth-child(3){background:#30d985}.fake-content{padding:18px}.fake-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fake-stat,.fake-chart,.feature-card,.plan-card,.step-card,.dash-card,.auth-card,.status-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:18px}.fake-stat{padding:15px}.fake-stat small{display:block;color:var(--muted);font-size:10px}.fake-stat strong{display:block;font-size:21px;margin-top:5px}.fake-chart{height:190px;margin-top:12px;padding:15px;display:flex;align-items:end;gap:9px}.fake-chart b{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--accent),var(--primary));opacity:.85}.saas-section{padding:82px 0}.saas-section.alt{background:rgba(255,255,255,.025);border-block:1px solid var(--line)}.section-head{text-align:center;max-width:750px;margin:0 auto 38px}.section-head h2{font-size:clamp(31px,4vw,48px);letter-spacing:-.035em;margin:14px 0}.section-head p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:25px}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(109,93,252,.15);font-size:22px}.feature-card h3{margin:18px 0 9px}.feature-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{padding:28px}.step-number{font-size:42px;font-weight:900;color:rgba(255,255,255,.12)}.step-card h3{margin:5px 0 10px}.step-card p{color:var(--muted);line-height:1.6}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{padding:27px;display:flex;flex-direction:column;position:relative}.plan-card.featured{border-color:rgba(109,93,252,.65);box-shadow:0 22px 70px rgba(109,93,252,.18);transform:translateY(-8px)}.plan-label{position:absolute;right:18px;top:18px;background:var(--primary);font-size:10px;font-weight:850;padding:6px 9px;border-radius:999px}.plan-card h3{font-size:24px;margin:3px 0}.plan-desc{color:var(--muted);font-size:14px;min-height:45px}.plan-price{font-size:44px;font-weight:900;letter-spacing:-.05em;margin:19px 0 4px}.plan-price small{font-size:14px;color:var(--muted);font-weight:600;letter-spacing:0}.plan-list{list-style:none;padding:0;margin:21px 0 28px;display:grid;gap:11px;color:#dce1ef;font-size:14px}.plan-list li:before{content:"✓";color:var(--success);font-weight:900;margin-right:9px}.plan-card .saas-btn{margin-top:auto}.saas-cta{padding:78px 0}.cta-box{padding:50px;border:1px solid rgba(109,93,252,.45);border-radius:28px;text-align:center;background:radial-gradient(circle at center,rgba(109,93,252,.2),transparent 68%),rgba(255,255,255,.035)}.cta-box h2{font-size:clamp(32px,5vw,54px);margin:10px 0}.cta-box p{color:var(--muted);max-width:650px;margin:0 auto 25px}.saas-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}.saas-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.saas-alert{padding:13px 15px;border-radius:12px;margin-bottom:15px;font-size:14px}.saas-alert.danger{background:rgba(255,91,114,.12);border:1px solid rgba(255,91,114,.3);color:#ffb0bc}.saas-alert.success{background:rgba(38,208,124,.12);border:1px solid rgba(38,208,124,.3);color:#aaf1cd}.saas-alert.info,.saas-alert.warning{background:rgba(36,213,255,.1);border:1px solid rgba(36,213,255,.25);color:#b9f4ff}.auth-page,.status-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-shell{width:min(1080px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:var(--shadow)}.auth-side{padding:48px;background:radial-gradient(circle at top left,rgba(109,93,252,.3),transparent 55%)}.auth-side h1{font-size:42px;line-height:1.05;margin:25px 0 18px}.auth-side p{color:var(--muted);line-height:1.7}.auth-benefits{display:grid;gap:12px;margin-top:30px}.auth-benefits span:before{content:"✓";color:var(--success);margin-right:8px}.auth-card{border:0;border-radius:0;padding:42px;background:#0c0f19}.auth-card h2{margin:8px 0 6px;font-size:30px}.auth-card>p{color:var(--muted);margin-bottom:24px}.saas-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saas-form label{display:grid;gap:7px;font-size:13px;color:#dfe4f3;font-weight:700}.saas-form label.full,.saas-form .full{grid-column:1/-1}.saas-form input,.saas-form select,.saas-form textarea{width:100%;border:1px solid var(--line);background:#151927;color:#fff;border-radius:11px;padding:13px 14px;outline:0;font:inherit}.saas-form input:focus,.saas-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,93,252,.14)}.saas-form small{color:var(--muted);font-weight:500}.check-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start}.check-line input{width:auto;margin-top:3px}.auth-bottom{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}.auth-bottom a{color:#b9b2ff}.status-card{width:min(620px,100%);padding:42px;text-align:center}.status-card .saas-logo{margin:auto}.status-card h1{font-size:38px;margin:20px 0 12px}.status-card p{color:var(--muted);line-height:1.7}.dashboard-shell{min-height:100vh}.dashboard-nav{border-bottom:1px solid var(--line);background:#0b0e17}.dashboard-nav .saas-container{height:70px;display:flex;align-items:center;gap:20px}.dashboard-nav .user-menu{margin-left:auto;display:flex;align-items:center;gap:13px;color:var(--muted);font-size:13px}.dashboard-main{padding:38px 0 70px}.dash-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.dash-heading h1{font-size:38px;margin:5px 0}.dash-heading p{color:var(--muted);margin:0}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-card{padding:22px}.dash-card h3{margin:7px 0}.dash-card p{color:var(--muted);font-size:14px;line-height:1.55}.store-card{display:flex;flex-direction:column;gap:15px}.store-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.status-pill{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;background:rgba(38,208,124,.14);color:#7ce5ae}.status-pill.warning{background:rgba(255,200,87,.14);color:#ffd782}.store-url{font-size:12px;color:#9fb1d1;word-break:break-all}.store-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.store-actions .saas-btn{font-size:12px;padding:9px 11px}.billing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.detail-list{display:grid;gap:12px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted)}.detail-row strong{color:#fff;text-align:right}@media(max-width:900px){.saas-menu{display:none}.saas-hero-grid,.auth-shell,.billing-grid{grid-template-columns:1fr}.hero-dashboard{max-width:620px}.feature-grid,.plans-grid,.steps-grid,.dash-grid{grid-template-columns:1fr 1fr}.auth-side{display:none}}@media(max-width:620px){.saas-nav-inner{height:64px}.saas-actions .ghost{display:none}.saas-hero{padding-top:62px}.feature-grid,.plans-grid,.steps-grid,.dash-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.cta-box{padding:34px 20px}.auth-card{padding:28px 20px}.saas-form{grid-template-columns:1fr}.saas-form label.full,.saas-form .full{grid-column:auto}.dash-heading{align-items:start;flex-direction:column}.fake-stats{grid-template-columns:1fr}.fake-chart{height:130px}.saas-footer-inner{flex-direction:column}}
.saas-btn.danger{background:#dc3545;color:#fff;border-color:#dc3545}.saas-btn.danger:hover{background:#bd2130;border-color:#bd2130}