:root{--mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{color:#e5e7eb;background:#0a0a0f;overflow-x:hidden}.page{background:radial-gradient(at top,#6366f114,#0000 60%),radial-gradient(at bottom,#ec48990d,#0000 60%),#0a0a0f;place-items:center;min-height:100vh;padding:2rem;display:grid;position:relative;overflow:hidden}.bg-blob{filter:blur(80px);opacity:.4;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bg-blob-1{background:#6366f1;width:500px;height:500px;animation:18s ease-in-out infinite float;top:-100px;left:-100px}.bg-blob-2{background:#ec4899;width:400px;height:400px;animation:22s ease-in-out infinite reverse float;bottom:-80px;right:-80px}.bg-blob-3{background:#06b6d4;width:350px;height:350px;animation:26s ease-in-out infinite float;top:40%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-40px,60px)scale(.95)}}.card{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(180%);text-align:center;background:#14141c99;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:560px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) card-in;position:relative;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0a}@keyframes card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.env-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}.env-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.title{letter-spacing:-.04em;color:#f9fafb;margin:0 0 .5rem;font-size:clamp(2.5rem,6vw,3.75rem);font-weight:800;line-height:1.05}.title-grad{background:linear-gradient(135deg,#a78bfa 0%,#f472b6 50%,#fb923c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{color:#9ca3af;font-size:1rem;font-family:var(--mono);margin:0 0 2rem}.info{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:1px;margin-bottom:2rem;display:flex;overflow:hidden}.info-row{font-family:var(--mono);background:#0f0f1699;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;display:flex}.info-key{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.info-val{color:#e0e7ff;font-weight:500}.footer{color:#6b7280;font-size:.8rem;font-family:var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.dot{color:#4b5563}.stack{transition:color .2s}.stack:hover{color:#a78bfa}@media (width<=480px){.card{padding:2rem 1.5rem}}