:root{color-scheme:dark;--bg:#080f18;--panel:#0d1723;--panel-2:#101e2c;--line:rgba(190,218,240,.12);--text:#f2f7fb;--muted:#8fa2b4;--mint:#6be0c2;--blue:#78b9ff;--violet:#b7a4ff;--orange:#ffbf7c}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 10% 20%,rgba(39,91,116,.22),transparent 38%),radial-gradient(ellipse at 88% 85%,rgba(58,67,122,.18),transparent 32%),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);max-width:1440px;margin:0 auto;padding:24px}.brand-panel{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 48px);padding:34px 42px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(15,35,49,.94),rgba(11,19,31,.97));box-shadow:0 28px 90px rgba(0,0,0,.24)}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-weight:780;font-size:20px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#071118;background:linear-gradient(140deg,#8df0d4,#50bce4);font-size:17px;font-weight:900;box-shadow:0 7px 22px rgba(80,188,228,.24)}.brand-dot{color:var(--mint)}.brand-copy{position:relative;z-index:2;margin:auto 0}.eyebrow{color:#87a0b4;font-size:10px;font-weight:750;letter-spacing:.18em}.brand-copy h1{margin:19px 0 17px;font-size:clamp(38px,4.2vw,61px);letter-spacing:-.065em;line-height:1.06;font-weight:680}.brand-copy h1 span{color:var(--mint)}.brand-copy p,.form-intro{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.brand-foot{display:flex;align-items:center;gap:9px;color:#8497a9;font-size:11px;letter-spacing:.03em}.status-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6be0c2;box-shadow:0 0 0 4px rgba(107,224,194,.1)}.orbit-art{position:absolute;right:-70px;bottom:100px;width:360px;height:300px;opacity:.65}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(120,185,255,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-26deg)}.orbit-a{width:330px;height:145px}.orbit-b{width:240px;height:280px;transform:translate(-50%,-50%) rotate(52deg)}.orbit-core,.orbit-node{position:absolute;display:grid;place-items:center;border:1px solid rgba(143,217,221,.28);border-radius:50%;background:rgba(18,50,62,.86);color:var(--mint);font-size:11px;font-weight:800}.orbit-core{left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);font-size:29px}.orbit-node{width:39px;height:39px;color:#c2d7e4;background:#132331}.node-a{left:12%;top:39%}.node-b{right:15%;top:26%}.node-c{left:23%;bottom:13%}.node-d{right:23%;bottom:9%}.form-panel{display:grid;place-items:center;padding:52px}.form-wrap{width:min(100%,390px)}.form-wrap h2{margin:13px 0 5px;font-size:32px;letter-spacing:-.045em;font-weight:680}.form-intro{margin:0 0 29px;font-size:13px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form label{margin-top:7px;color:#c4d2de;font-size:12px;font-weight:650}.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(185,208,228,.16);border-radius:12px;outline:none;background:#0b1621;color:var(--text);transition:border-color .18s,box-shadow .18s}.auth-form input:focus{border-color:rgba(107,224,194,.75);box-shadow:0 0 0 3px rgba(107,224,194,.11)}.button-primary{display:flex;align-items:center;justify-content:space-between;min-height:49px;margin-top:15px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(105deg,#77e4c7,#69c9e3);color:#061319;font-weight:780;cursor:pointer;box-shadow:0 10px 28px rgba(72,196,187,.12);transition:transform .18s,filter .18s}.button-primary:hover{transform:translateY(-1px);filter:brightness(1.07)}.form-error,.form-success{margin:16px 0;padding:12px 14px;border:1px solid rgba(255,121,127,.3);border-radius:11px;background:rgba(115,36,48,.2);color:#ffc3c4;font-size:12px;line-height:1.5}.form-success{border-color:rgba(107,224,194,.3);background:rgba(30,94,79,.2);color:#a4f3dd}.form-note{margin:22px 0 0;color:#718496;font-size:11px;line-height:1.6}.form-bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:16px;border-top:1px solid var(--line);color:#718496;font-size:9px;font-weight:700;letter-spacing:.14em}.button-link{margin-top:20px}.dashboard-page{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,84px);border-bottom:1px solid var(--line);background:rgba(8,15,24,.82)}.brand-small{font-size:17px}.brand-small .brand-mark{width:30px;height:30px;border-radius:10px;font-size:15px}.topbar-right,.signed-in{display:flex;align-items:center;gap:20px}.signed-in{color:#9eb0bf;font-size:12px}.button-quiet{padding:9px 13px;border:1px solid var(--line);border-radius:9px;color:#c1cfda;background:transparent;font-size:11px;cursor:pointer}.button-quiet:hover{border-color:rgba(107,224,194,.5);color:var(--mint)}.dashboard-main{max-width:1190px;margin:0 auto;padding:72px 28px 28px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:43px}.dashboard-heading h1{margin:14px 0 8px;font-size:clamp(36px,5vw,54px);font-weight:680;letter-spacing:-.065em}.dashboard-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.heading-orbit{display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(107,224,194,.24);border-radius:50%;color:var(--mint);font-size:15px;font-weight:850;box-shadow:0 0 0 12px rgba(107,224,194,.025),0 0 0 25px rgba(107,224,194,.018)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:218px;padding:21px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(17,31,44,.92),rgba(11,19,29,.92));overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.tool-card:after{content:"";position:absolute;right:-35px;bottom:-60px;width:145px;height:145px;border:1px solid currentColor;border-radius:50%;opacity:.07}.tool-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,currentColor 50%,transparent);background:linear-gradient(150deg,rgba(23,43,56,.96),rgba(12,22,33,.98))}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.tool-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:14px;background:color-mix(in srgb,currentColor 8%,transparent)}.tool-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tile-arrow{color:#74899b;font-size:17px;transition:transform .2s}.tool-card:hover .tile-arrow{transform:translate(2px,-2px);color:currentColor}.tool-label{margin-bottom:6px;color:#788d9e;font-size:9px;font-weight:800;letter-spacing:.16em}.tool-card strong{font-size:24px;letter-spacing:-.045em;font-weight:720}.tool-desc{margin-top:7px;color:#91a2b0;font-size:11px}.tool-co{color:var(--mint)}.tool-crm{color:var(--blue)}.tool-hk{color:var(--orange)}.tool-web{color:var(--violet)}.dashboard-footer{display:flex;justify-content:space-between;margin-top:35px;padding-top:17px;border-top:1px solid var(--line);color:#718496;font-size:9px;font-weight:700;letter-spacing:.12em}.dashboard-footer>span:first-child{display:flex;align-items:center;gap:9px}.compact-brand .brand-copy h1{font-size:clamp(36px,4vw,52px)}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell{grid-template-columns:minmax(300px,.85fr) minmax(340px,1.15fr)}.form-panel{padding:32px}.brand-panel{padding:30px}.orbit-art{right:-145px;opacity:.45}}
@media(max-width:640px){.auth-shell{display:flex;flex-direction:column;padding:12px;gap:12px}.brand-panel{min-height:260px;padding:23px;border-radius:20px}.brand-copy{margin:35px 0 25px}.brand-copy h1{font-size:36px;margin:12px 0}.brand-copy p{max-width:280px;font-size:12px}.orbit-art{right:-175px;bottom:-60px;transform:scale(.65);transform-origin:center}.form-panel{display:block;padding:24px 15px 28px}.form-wrap h2{font-size:28px}.form-bottom{margin-top:32px}.dashboard-main{padding:48px 17px 24px}.topbar{height:64px;padding:0 17px}.signed-in{display:none}.dashboard-heading{margin-bottom:28px}.heading-orbit{width:56px;height:56px;font-size:12px;box-shadow:0 0 0 8px rgba(107,224,194,.025),0 0 0 16px rgba(107,224,194,.018)}.tool-grid{gap:10px}.tool-card{min-height:192px;padding:16px;border-radius:15px}.tool-card strong{font-size:19px}.tile-top{margin-bottom:20px}.tool-icon{width:42px;height:42px}.tool-icon svg{width:26px;height:26px}.dashboard-footer{font-size:8px;letter-spacing:.07em}}
@media(max-width:360px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:175px}}
.tool-disabled{opacity:.68;cursor:not-allowed}.tool-state{padding:6px 7px;border:1px solid rgba(255,191,124,.25);border-radius:7px;color:#ffc386;font-size:7px;font-weight:800;letter-spacing:.1em}

.tool-grid{align-items:start}
.tool-entry{display:flex;flex-direction:column;gap:9px;min-width:0;align-self:start}
.tool-entry>.tool-card{width:100%}
.tool-details{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:rgba(11,19,29,.72);color:#c9d5df}
.tool-details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;list-style:none;color:#b7c6d3;font-size:10px;font-weight:740;line-height:1.35;cursor:pointer}
.tool-details summary::-webkit-details-marker{display:none}
.tool-details summary:after{content:"+";flex:none;color:currentColor;font-size:16px;font-weight:500;line-height:1}
.tool-details[open] summary:after{content:"−"}
.tool-details summary:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}
.tool-details-body{padding:0 12px 12px}
.tool-details ul{margin:2px 0 12px;padding-left:16px;color:#aab9c6;font-size:10px;line-height:1.5}
.tool-details li{padding-left:1px}
.tool-details li+li{margin-top:5px}
.tool-details li::marker{color:currentColor}
.tool-preview{margin:0;overflow:hidden;border:1px solid rgba(190,218,240,.13);border-radius:10px;background:#0a111a;color:#c7d3dd}
.mock-screen{font-size:8px;color:#bdcbd6}
.mock-titlebar{height:25px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;border-bottom:1px solid rgba(190,218,240,.1);color:#8195a6;font-size:6px;font-weight:800;letter-spacing:.09em}
.mock-window-dots{display:flex;gap:3px}
.mock-window-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.65}
.mock-menu{font-size:12px;line-height:1}
.mock-content{padding:8px}
.mock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:7px}
.mock-kpi{min-width:0;padding:6px 5px;border:1px solid rgba(190,218,240,.1);border-radius:5px;background:rgba(190,218,240,.025)}
.mock-kpi span{display:block;overflow:hidden;color:#8397a8;font-size:5px;text-overflow:ellipsis;white-space:nowrap}
.mock-kpi strong{display:block;margin-top:3px;color:var(--mint);font-size:13px;font-weight:650;line-height:1}
.mock-line-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#8ea1b0;font-size:6px}
.mock-line{width:33%;height:4px;border-radius:4px;background:rgba(190,218,240,.1)}
.mock-search{margin-bottom:5px;padding:5px 6px;border:1px solid rgba(190,218,240,.1);border-radius:5px;color:#718597;font-size:6px}
.mock-record{display:flex;align-items:center;gap:5px;padding:5px 0;border-top:1px solid rgba(190,218,240,.08)}
.mock-avatar{display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:6px;background:rgba(120,185,255,.13);color:var(--blue);font-size:7px;font-weight:800}
.mock-record-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.mock-record-text b{overflow:hidden;color:#cad5de;font-size:6px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}
.mock-record-text small{overflow:hidden;color:#7f92a2;font-size:5px;text-overflow:ellipsis;white-space:nowrap}
.mock-record em,.mock-task em{flex:none;color:var(--blue);font-size:5px;font-style:normal;font-weight:800;letter-spacing:.04em}
.mock-hk-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.mock-hk-heading b{color:#d2dce4;font-size:7px}
.mock-hk-heading span,.mock-time-row{color:#8396a6;font-size:5px}
.mock-task{display:flex;align-items:center;gap:5px;padding:5px 0;border-top:1px solid rgba(190,218,240,.08)}
.mock-task b{flex:1;color:#c5d1da;font-size:6px;font-weight:650}
.mock-task em{color:#ffbf7c}
.mock-task-check{display:grid;place-items:center;width:14px;height:14px;border:1px solid rgba(255,191,124,.25);border-radius:4px;color:#ffbf7c;font-size:8px}
.mock-time-row{display:flex;justify-content:space-between;margin-top:5px;padding-top:5px;border-top:1px solid rgba(190,218,240,.08)}
.mock-time-row strong{color:#ffbf7c;font-size:8px}
.mock-builder-body{display:grid;grid-template-columns:31% 69%;min-height:111px}
.mock-tools{display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-right:1px solid rgba(190,218,240,.09);color:#879aaa;font-size:6px}
.mock-tools b{margin-bottom:2px;color:#b8c7d2;font-size:5px;letter-spacing:.08em}
.mock-canvas{margin:7px;padding:5px;border:1px solid rgba(190,218,240,.09);border-radius:4px;background:linear-gradient(145deg,#182b3b,#111d2a)}
.mock-site-nav{display:flex;justify-content:space-between;color:#c6d5de;font-size:4px;font-weight:800;letter-spacing:.05em}
.mock-site-nav span{color:#8298aa;font-weight:500}
.mock-site-hero{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.mock-site-hero small{color:#b7a4ff;font-size:4px;letter-spacing:.1em}
.mock-site-hero b{color:#edf2f6;font-size:9px;line-height:1.1}
.mock-site-hero span{color:#93a5b4;font-size:5px}
.mock-site-hero i{width:max-content;margin-top:2px;padding:3px 5px;border-radius:3px;background:rgba(183,164,255,.17);color:#ddd4ff;font-size:4px;font-style:normal}
.mock-builder-actions{display:flex;justify-content:flex-end;gap:5px;padding:0 7px 7px;color:#ad9bea;font-size:5px;font-weight:750}
.mock-builder-actions span{padding:4px 6px;border:1px solid rgba(183,164,255,.2);border-radius:4px}
.tool-preview figcaption{padding:6px 7px;border-top:1px solid rgba(190,218,240,.09);color:#778b9c;font-size:6px;line-height:1.35}
@media(max-width:640px){.tool-details summary{padding:11px 10px;font-size:9px}.tool-details-body{padding:0 9px 9px}.tool-details ul{font-size:9px}.mock-content{padding:6px}}