:root{--font-family:"Inter", sans-serif;--bg-color-dark:#07090f;--bg-glow-1:#8b5cf626;--bg-glow-2:#3b82f626;--primary-color:#8b5cf6;--primary-glow:#6d28d9;--primary-light:#a78bfa;--surface-color:#14192899;--surface-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--success-color:#10b981;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color-dark);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle, var(--bg-glow-1) 0%, transparent 60%);z-index:-1;border-radius:50%;width:50vw;height:50vw;animation:15s ease-in-out infinite alternate float;position:absolute;top:-20%;left:-10%}body:after{content:"";background:radial-gradient(circle, var(--bg-glow-2) 0%, transparent 60%);z-index:-1;border-radius:50%;width:60vw;height:60vw;animation:20s ease-in-out infinite alternate float-reverse;position:absolute;bottom:-20%;right:-10%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(50px)scale(1.1)}}@keyframes float-reverse{0%{transform:translateY(0)scale(1.1)}to{transform:translateY(-50px)scale(1)}}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.hero-section{text-align:center;margin-bottom:3rem}.badge{color:var(--primary-light);letter-spacing:1px;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.hero-title{background:linear-gradient(90deg,#fff,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:24px;width:100%;max-width:600px;padding:3rem;transition:transform .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.dashboard-panel{max-width:900px}.glass-panel:hover{border-color:#8b5cf64d}.glass-panel:before{content:"";background:linear-gradient(to right, transparent, var(--primary-color), transparent);width:50%;height:2px;animation:4s linear infinite scan;position:absolute;top:0;left:-100%}@keyframes scan{0%{left:-100%}to{left:200%}}.input-group{text-align:left;margin-bottom:1.5rem}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-field{color:#fff;width:100%;font-size:1rem;font-family:var(--font-family);background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:1rem 1.25rem;transition:all .2s}.input-field:focus{border-color:var(--primary-color);background:#0006;box-shadow:0 0 0 3px #8b5cf626}.btn-generate{background:linear-gradient(135deg, var(--primary-color), var(--primary-glow));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px -5px #8b5cf666}.btn-generate:hover{background:linear-gradient(135deg, #a78bfa, var(--primary-color));transform:translateY(-2px);box-shadow:0 15px 25px -5px #8b5cf680}.btn-generate:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-text{color:var(--primary-light);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.9rem;text-decoration:underline}.btn-text:hover{color:#fff}.user-profile{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.user-info h3{color:#fff;font-size:1.2rem}.user-info p{color:var(--success-color);font-size:.9rem;font-weight:700}.btn-logout{color:#f8fafc;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.5rem 1rem}.btn-logout:hover{background:#ef444433}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid var(--surface-border);text-align:center;background:#0000004d;border-radius:12px;padding:1.5rem}.stat-card h4{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.stat-value{color:#fff;font-size:2rem;font-weight:800}.table-container{margin-top:2rem;overflow-x:auto}.links-table{border-collapse:collapse;width:100%}.links-table th,.links-table td{text-align:left;border-bottom:1px solid var(--surface-border);padding:1rem;font-size:.9rem}.links-table th{color:var(--text-secondary);text-transform:uppercase;font-weight:600}.links-table td{color:#fff}.link-slug{color:var(--primary-light);background:#8b5cf633;border-radius:4px;padding:.2rem .5rem;font-family:monospace}.error-msg{color:var(--error-color);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:.9rem}.success-msg{color:var(--success-color);text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-top:1.5rem;padding:1rem;font-size:.9rem}