body{color:#fff;background:#0b0f17;margin:0;font-family:Inter,system-ui,sans-serif}.app{justify-content:center;align-items:center;height:100vh;display:flex}.container{gap:40px;width:1000px;display:flex}.left{flex:1}.right{flex:1;justify-content:center;align-items:center;display:flex}h1{margin-bottom:5px;font-size:32px}.subtitle{color:#8b93a7;margin-bottom:30px}.card{background:#151b2c;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}input{color:#fff;background:#0f1422;border:none;border-radius:8px;padding:10px}button{cursor:pointer;color:#fff;background:#2f6bff;border:none;border-radius:8px;padding:10px;font-weight:600}button.primary{background:#00c27a}button:disabled{opacity:.6}.info{color:#c7cbd6;font-size:14px}.mock{background:#111827;border-radius:16px;width:100%;height:400px;padding:12px}.screen{color:#6b7280;background:#0b0f17;border-radius:10px;justify-content:center;align-items:center;height:300px;margin-top:20px;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}