:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--card-bg:#1e293b;--card-border:#334155;--accent:#10b981}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}*{box-sizing:border-box}.container{min-height:100vh;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.hero{text-align:center;margin-bottom:4rem}.title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;color:transparent}.subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:1.5rem}.status-badge{display:inline-block;padding:.5rem 1rem;background-color:rgba(16,185,129,.1);color:var(--accent);border:1px solid rgba(16,185,129,.2);border-radius:9999px;font-size:.875rem;font-family:monospace;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:1000px}.card{padding:1.5rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-2px);border-color:var(--primary)}.card h2{font-size:1.25rem;margin-top:0;margin-bottom:.75rem;color:#e2e8f0}.card p{color:#94a3b8;margin:0;line-height:1.5}