:root{--bg:#070d17;--bg2:#0d1524;--card:#121b2b;--card2:#182235;--line:#ffffff1f;--text:#f8fafc;--muted:#aebbd0;--orange:#ff9f1c;--orange2:#ff7a1a;--green:#28d17c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 5% 15%,#ff9f1c2e,#0000 22%),linear-gradient(135deg,#08111f,#050914);margin:0;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#070d17d1;justify-content:space-between;align-items:center;padding:18px 8%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;display:flex}.brand span{color:var(--orange)}.topbar nav{color:var(--muted);align-items:center;gap:18px;display:flex}.topbar button{border:1px solid var(--line);color:var(--text);background:#ffffff14;border-radius:999px;padding:10px 16px;font-weight:800}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:64px;padding:90px 8% 60px;display:grid}.hero h1{margin:24px 0;font-size:clamp(48px,6vw,86px);line-height:.95}.hero p{color:#e6edf8;max-width:780px;font-size:21px;line-height:1.65}.hero-actions,.actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.btn{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#07111f;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 20px;font-weight:900;display:inline-flex;box-shadow:0 12px 30px #ff7f1a47}.btn.secondary,.soft{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#ffffff14}.pill,.badge{color:#ffd18a;background:#ff9f1c21;border:1px solid #ff9f1c73;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:8px 13px;font-size:13px;font-weight:900;display:inline-flex}.card{border:1px solid var(--line);background:linear-gradient(#ffffff14,#ffffff09);border-radius:26px;box-shadow:0 22px 60px #00000040}.hero-card{padding:28px}.preview-row{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;align-items:center;gap:16px;margin:12px 0;padding:18px;display:flex}.icon{width:42px;height:42px;color:var(--orange);background:#ff9f1c29;border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.preview-row p{color:var(--muted);margin:4px 0 0;font-size:15px}.category{margin:24px 8% 70px;padding:34px}.category h2,.pricing h2{margin:16px 0;font-size:38px}.category p{color:#d8e1ef;max-width:900px;font-size:20px;line-height:1.6}.pricing{padding:20px 8% 70px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.price-card{padding:26px}.price-card.featured{border-color:#ff9f1c99;box-shadow:0 26px 80px #ff9f1c21}.price-card h3{margin:18px 0 8px;font-size:26px}.price-card>b{font-size:34px}.price-card p,.price-card li{color:var(--muted);line-height:1.55}.price-card ul{padding-left:0;list-style:none}.app{padding:20px 3% 80px}.app-shell{grid-template-columns:300px 1fr;gap:24px;max-width:1480px;margin:auto;display:grid}.sidebar{height:calc(100vh - 110px);padding:18px;position:sticky;top:92px;overflow:auto}.sidebar-brand{align-items:center;gap:10px;margin:6px 0 18px;display:flex}.user-box{border:1px solid var(--line);background:#ffffff0f;border-radius:18px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.user-box small,.side-nav small,.muted,.task span,.step p{color:var(--muted);display:block}.side-nav{flex-direction:column;gap:8px;display:flex}.side-nav button{text-align:left;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.side-nav button.active,.side-nav button:hover{border-color:var(--line);color:var(--text);background:#ffffff14}.workspace{flex-direction:column;gap:20px;display:flex}.workspace-header{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.workspace-header h2{margin:12px 0 6px;font-size:34px}.stack{flex-direction:column;gap:20px;display:flex}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.stat-card span{color:var(--muted);font-weight:700}.stat-card b,.big-score{margin:8px 0;font-size:32px;display:block}.bar{background:#ffffff1a;border-radius:99px;height:10px;overflow:hidden}.bar span{background:linear-gradient(90deg,var(--orange),var(--green));height:100%;display:block}.panel{grid-template-columns:.9fr 1.1fr;gap:20px;display:grid}.panel>.card,.workspace>.card{padding:24px}label{margin:16px 0 8px;font-weight:800;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#00000038;border-radius:14px;outline:none;padding:13px}textarea{resize:vertical;min-height:120px}.lead{color:#dce7f6;font-size:19px;line-height:1.6}.mini-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0;display:grid}.mini-card{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:16px}.mini-card p{color:var(--muted)}.step{border:1px solid var(--line);background:#ffffff0b;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;margin:12px 0;padding:18px;display:flex}.step b{margin:10px 0 3px;display:block}.task{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;align-items:center;gap:14px;margin:12px 0;padding:16px;display:flex}.task svg{color:var(--orange);flex:none}.round{width:42px;height:42px;color:var(--orange);background:#ff9f1c29;border:0;border-radius:50%;font-weight:900}.coach p{font-size:22px;line-height:1.7}.big-score{color:var(--orange);font-size:72px}@media (max-width:1100px){.hero,.app-shell,.panel,.pricing-grid{grid-template-columns:1fr}.sidebar{height:auto;position:relative;top:0}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.topbar{align-items:flex-start;padding:14px 4%}.topbar nav{flex-wrap:wrap;gap:8px}.hero{gap:30px;padding:54px 5%}.category,.pricing{margin-left:5%;margin-right:5%;padding-left:0;padding-right:0}.category.card{padding:22px}.app{padding:10px 4% 60px}.stats-row,.mini-grid{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start}.hero h1{font-size:44px}}
