*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top,#0a1a33,#020617);color:#e5e7eb}.app-container{max-width:900px;margin:0 auto;padding:60px 20px;text-align:center}.title{font-size:2.4rem;font-weight:700;color:#38bdf8;margin-bottom:30px}.generate-btn{background:transparent;border:2px solid #38bdf8;padding:14px 40px;border-radius:10px;font-size:1rem;font-weight:600;color:#38bdf8;cursor:pointer;transition:all .25s ease;box-shadow:none}.generate-btn:hover{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;transform:translateY(-2px);box-shadow:0 0 40px #38bdf899}.cards{margin-top:40px;display:grid;grid-template-columns:1fr;gap:20px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;text-align:left;box-shadow:0 10px 40px #0006}.card h2{font-size:1.1rem;color:#60a5fa;margin-bottom:10px}.mono{font-family:JetBrains Mono,monospace;font-size:.95rem;background:#00000059;padding:10px;border-radius:8px;word-break:break-all;line-height:1.5}.warning{border:1px solid rgba(239,68,68,.4)}.alert{display:block;margin-top:10px;color:#f87171;font-size:.9rem}.footer{margin-top:60px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#9ca3af}