@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f1f3ed;color:#17211e;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#17211e;color:#eaf0e8}.login section{padding:12vh 11vw;display:flex;flex-direction:column;justify-content:center}.login h1,.intro h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.07em;margin:12px 0 25px}.login em,.intro em{font-family:'Playfair Display',serif;font-weight:600;color:#c9ff69;letter-spacing:-.06em}.eyebrow{font:500 .7rem 'DM Mono',monospace;letter-spacing:.18em;color:#6b7a72}.lead{max-width:420px;line-height:1.7;color:#a9b7ae}form{margin-top:36px;max-width:390px}label{font-size:.8rem;display:block;color:#b7c4bb}input{width:100%;margin-top:8px;padding:15px;border:1px solid #44544d;border-radius:4px;background:#22302a;color:#fff;outline-color:#c9ff69}form button{width:100%;margin-top:15px;padding:15px 18px;border:0;border-radius:4px;background:#c9ff69;color:#17211e;font-weight:700;text-align:left;cursor:pointer}form button span{float:right;font-size:1.3rem}#login-error{min-height:18px;color:#ff9a89;font-size:.8rem}.login aside{background:#c9ff69;position:relative;overflow:hidden;display:grid;place-items:end start;padding:45px;color:#17211e;font:500 .7rem 'DM Mono',monospace;letter-spacing:.15em}.orb{width:min(55vw,680px);aspect-ratio:1;border:1px solid #17211e;border-radius:50%;position:absolute;top:13%;left:19%;box-shadow:inset 0 0 0 90px #c9ff69, inset 0 0 0 91px #17211e}.login aside p{z-index:1}
#app{max-width:1280px;margin:auto;padding:0 6vw}header{height:90px;display:flex;align-items:center;border-bottom:1px solid #d7ddd6;gap:24px}.brand{color:#17211e;text-decoration:none;font:700 1rem 'DM Mono';letter-spacing:-.09em}.brand i{font-family:'Playfair Display';font-weight:600;color:#426b4d}.status{margin-left:auto;font-size:.77rem}.status b,.terminal-bar b{display:inline-block;width:8px;height:8px;background:#6dc453;border-radius:50%;margin-right:7px}.quiet{background:transparent;border:0;text-decoration:underline;cursor:pointer;color:#526158;font-size:.8rem}.intro{padding:9vh 0 5vh}.intro h1{margin:10px 0 18px;font-size:clamp(2.8rem,5.5vw,5rem)}.intro em{color:#426b4d}.intro p:not(.eyebrow){max-width:550px;color:#647168;line-height:1.7;font-size:.9rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.card{border:1px solid #d5dbd4;background:#f8f9f5;padding:20px;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;color:#17211e;border-radius:5px;transition:.2s}.card:hover,.card.active{background:#17211e;color:#eff6ee;border-color:#17211e}.icon{font:500 1.55rem 'DM Mono';color:#477b55}.card.active .icon{color:#c9ff69}.card strong,.card small{display:block}.card strong{font-size:.9rem}.card small{font:400 .7rem 'DM Mono';margin-top:3px;opacity:.6}.card i{margin-left:auto;font-style:normal}.work{border:1px solid #25322d;background:#101719;box-shadow:0 12px 25px #17211e19;min-height:510px}.terminal-bar{height:46px;background:#1b2722;color:#a7b8ad;display:flex;align-items:center;padding:0 16px;font:400 .72rem 'DM Mono'}.terminal-bar span{display:flex;gap:5px;margin-right:17px}.terminal-bar b{margin:0;width:7px;height:7px;background:#ea6f5c}.terminal-bar b:nth-child(2){background:#e6c35a}.terminal-bar b:nth-child(3){background:#69c75e}.terminal-bar small{opacity:.6}.terminal-bar button,.terminal-bar a{margin-left:auto;color:#b7c6bc;background:transparent;border:0;font:.7rem 'DM Mono';text-decoration:none;cursor:pointer}#terminal{height:464px;padding:16px}#desktop-empty{display:grid;place-items:center;text-align:center;min-height:464px;color:#d7e4dc;padding:35px}#desktop-empty h2{font-size:1.5rem;margin:0}#desktop-empty p{max-width:480px;color:#94a69a;line-height:1.7}code{font-family:'DM Mono';color:#c9ff69}#desktop-frame{display:block;border:0;width:100%;height:464px;background:#fff}footer{display:flex;justify-content:space-between;padding:28px 0;color:#79857d;font:.65rem 'DM Mono';letter-spacing:.06em}@media(max-width:650px){.login{grid-template-columns:1fr}.login aside{display:none}.login section{padding:15vh 10vw}.cards{grid-template-columns:1fr}.intro{padding-top:60px}.work{min-height:390px}#terminal,#desktop-frame{height:360px}footer{font-size:.55rem}}