*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.card{background:#fff;border-radius:20px;padding:48px 40px;max-width:520px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.badge{display:inline-block;background:#10b981;color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:20px}h1{font-size:32px;color:#1f2937;margin-bottom:8px}.subtitle{color:#6b7280;margin-bottom:32px}.stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.stack-item{background:#f3f4f6;padding:8px 16px;border-radius:8px;font-size:14px;color:#374151}.interactive{display:flex;flex-direction:column;gap:16px;align-items:center;padding:24px;background:#f9fafb;border-radius:12px;margin-bottom:24px}button{background:#667eea;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s}button:hover{background:#5568d3}button:active{transform:scale(.97)}.time{color:#6b7280;font-family:monospace;font-size:14px}footer{color:#9ca3af;font-size:12px;font-family:monospace}body{margin:0}