@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;800;900&display=swap";.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}:root{--bg-black:#000;--bg-panel:#0d0d0d;--bg-input:#eef0f2;--bg-white:#fff;--text-primary:#fff;--text-secondary:#a0a0a0;--text-dark:#1a1a1a;--accent-gold:#b28a5d;--accent-gold-hover:#c49969;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--border-dark:#ffffff1a;--glow-blue:0 0 60px #4664ff26;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.app-wrapper{background:var(--bg-black);flex-direction:column;min-height:100vh;padding:1rem;display:flex}.main-window{background-color:var(--bg-black);border-radius:var(--radius-lg);box-shadow:var(--glow-blue), inset 0 0 0 1px #ffffff08;border:1px solid #ffffff14;flex-direction:column;flex:1;min-height:calc(100vh - 2rem);display:flex;position:relative;overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700;line-height:1.1}h1{text-transform:uppercase;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}.brand-text{letter-spacing:.5em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.text-muted{color:var(--text-secondary)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn-outline-gold{color:var(--accent-gold);border:1px solid var(--accent-gold);background:0 0}.btn-outline-gold:hover{color:var(--accent-gold-hover);background:#b28a5d1a;box-shadow:0 0 15px #b28a5d4d}.btn-dark{color:var(--text-primary);background:#1e1e1e;border:1px solid #ffffff1a}.btn-dark:hover{background:#2a2a2a}.btn-solid-black{background:var(--text-dark);color:var(--bg-white)}.btn-solid-black:hover{background:#000}.btn-solid-black:after{background:linear-gradient(90deg,#0000,#0003,#0000)}nav{z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:relative}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-fast);align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-logout-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.nav-logout-btn:hover{color:var(--text-primary)}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.showcase-card{background:radial-gradient(circle at 50% -20%, #ffffff14 0%, #fff0 60%), var(--bg-panel);border:1px solid var(--border-dark);border-radius:var(--radius-md);transition:var(--transition-fast);padding:2rem;position:relative;overflow:hidden}.showcase-card:hover{border-color:#fff3}.showcase-card h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.upload-area{border-radius:var(--radius-md);text-align:center;transition:var(--transition-fast);cursor:pointer;background:#ffffff05;border:1px dashed #fff3;padding:3rem 2rem}.upload-area:hover,.upload-area.active{border-color:var(--accent-gold);background:#b28a5d0d}.footer-link{color:inherit;transition:var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.footer-icon-link{color:inherit;transition:var(--transition-fast);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.footer-icon-link:hover{color:var(--text-primary);background:#ffffff1a}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}.container{width:100%;max-width:1200px;margin:0 auto;padding:clamp(1rem,5vw,3rem)}.input-minimal{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);transition:var(--transition-fast);border:none;outline:none;padding:1rem;font-family:Inter,sans-serif;font-size:1rem}.input-minimal:focus{box-shadow:0 0 0 2px #aaa}.input-minimal::placeholder{color:#888}.password-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.alert-error{color:#ff4d4d;border-radius:var(--radius-sm);background:#ff00001a;border:1px solid #ff00004d;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.alert-success{color:#0fc;border-radius:var(--radius-sm);background:#00ffcc1a;border:1px solid #0fc;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.sequence-preview{border-radius:var(--radius-sm);color:#a0a0a0;word-break:break-all;border:1px solid var(--border-dark);background:#111;max-height:150px;padding:1rem;font-family:monospace;font-size:.85rem;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}