:root{--bg:#080b10;--panel:rgba(17,22,30,.86);--line:rgba(255,255,255,.09);--text:#f2f5f7;--muted:#8b96a5;--blue:#70a7ff;--cyan:#51e2c2;--danger:#ff747b;--warning:#f1ba64;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.ambient{position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.11;pointer-events:none}.ambient-one{top:-250px;left:20%;background:#447cff}.ambient-two{right:-260px;top:36%;background:#2cd1aa}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(8,11,16,.76);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;letter-spacing:-.02em}.brand-mark,.dialog-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#07100e;font-weight:900;background:linear-gradient(145deg,var(--cyan),#8affdf);box-shadow:0 0 30px rgba(81,226,194,.14)}.top-actions{display:flex;align-items:center;gap:12px}.health-badge,.count-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.025)}.health-badge i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:90px}.hero{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:72px 0 50px}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:.17em}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(44px,7vw,76px);line-height:.98;letter-spacing:-.055em;max-width:800px}h1 span{color:#8c98a8}h2{margin-bottom:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}.hero-copy{max-width:620px;color:var(--muted);font-size:17px;line-height:1.65}.hero-stat{min-width:215px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(31,40,54,.75),rgba(14,18,25,.55))}.hero-stat span,.hero-stat small{display:block;color:var(--muted);font-size:12px}.hero-stat strong{display:block;margin:8px 0;font-size:38px;letter-spacing:-.05em}.section{padding-top:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.template-grid,.machine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-card,.machine-card,.operation-card,.demo-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(18px)}.template-card,.machine-card{transition:border-color .2s ease,transform .2s ease}.template-card:hover,.machine-card:hover{border-color:rgba(112,167,255,.35);transform:translateY(-2px)}.template-card{padding:26px}.template-top,.machine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.os-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#1b2431;color:var(--blue);font-size:20px;font-weight:800}.template-card h3,.machine-card h3{margin:20px 0 8px;font-size:20px;letter-spacing:-.025em}.machine-card h3{margin-top:0}.template-card p,.machine-card p{color:var(--muted);line-height:1.55;font-size:13px}.spec-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.spec{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.045);color:#b7c0cb;font-size:11px}.primary-button,.ghost-button,.danger-button,.machine-action{border:0;border-radius:10px;cursor:pointer;font-weight:700;transition:opacity .15s ease,transform .15s ease,background .15s ease}.primary-button{padding:11px 16px;background:var(--cyan);color:#07100e}.primary-button:hover{transform:translateY(-1px)}.ghost-button{padding:9px 12px;border:1px solid var(--line);background:transparent;color:#b2bcc8}.ghost-button:hover,.machine-action:hover{background:rgba(255,255,255,.07)}.danger-button{padding:9px 12px;background:rgba(255,116,123,.1);color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.35;transform:none!important}.operation-list{display:grid;gap:12px}.operation-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:18px}.operation-card h3{margin:0 0 6px;font-size:15px}.operation-meta{margin:0;color:var(--muted);font-size:12px}.progress-track{grid-column:1/-1;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .45s ease}.operation-card.ready{border-color:rgba(81,226,194,.22)}.credential-box{grid-column:1/-1;padding:15px;border-radius:12px;background:rgba(0,0,0,.22);display:flex;align-items:center;justify-content:space-between;gap:18px}.credential-box code{color:#d7dee7;word-break:break-all;font-size:12px}.credential-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.machine-card{padding:22px}.state-badge{padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.055);color:var(--muted)}.state-badge.running{color:var(--cyan);background:rgba(81,226,194,.09)}.state-badge.stopped,.state-badge.deallocated{color:var(--warning);background:rgba(241,186,100,.09)}.machine-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.machine-action{padding:9px 11px;background:rgba(255,255,255,.04);color:#bec7d2}.empty-state{min-height:130px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius);color:var(--muted)}.empty-state p{margin:0;font-size:13px}.empty-icon{color:#566170;font-size:26px}.demo-note{margin-top:72px;padding:26px}.demo-note strong{font-size:18px}.demo-note p{max-width:720px;margin:10px 0 18px;color:var(--muted);line-height:1.6}.demo-note a{display:inline-block;margin:0 22px 8px 0;color:var(--cyan);text-decoration:none;font-size:13px}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(3,5,8,.78);backdrop-filter:blur(13px)}.hidden{display:none!important}.dialog-card{position:relative;width:min(440px,100%);padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#111720;box-shadow:0 30px 100px rgba(0,0,0,.45)}.dialog-card .dialog-mark{margin-bottom:28px}.dialog-card h2{margin-bottom:12px}.dialog-card p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.55}.dialog-card label{display:block;margin:22px 0 8px;color:#c3ccd7;font-size:12px;font-weight:650}.dialog-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;outline:none;color:var(--text);background:rgba(0,0,0,.25)}.dialog-card input:focus{border-color:rgba(81,226,194,.5);box-shadow:0 0 0 3px rgba(81,226,194,.08)}.dialog-card small{color:#687484}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.full-width{width:100%;margin-top:18px}.toast-region{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:10px}.toast{max-width:360px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:#18202b;color:#dce3eb;font-size:12px;box-shadow:0 15px 50px rgba(0,0,0,.35);animation:slideIn .2s ease}@keyframes slideIn{from{opacity:0;transform:translateY(8px)}}@media(max-width:760px){.topbar{padding:0 14px}.health-badge{display:none}main{width:min(100% - 28px,1180px)}.hero{min-height:auto;padding-top:60px;display:block}.hero-stat{margin-top:34px}.template-grid,.machine-grid{grid-template-columns:1fr}.section{padding-top:56px}.operation-card{grid-template-columns:1fr}.progress-track,.credential-box{grid-column:1}.credential-box{align-items:flex-start;flex-direction:column}}