@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--background:#050505;--foreground:#f8fafc;--panel-bg:#0f172a99;--panel-border:#ffffff14;--accent-primary:#10b981;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--text-muted:#94a3b8;--input-bg:#0000004d;--shadow-glow:#10b98133}[data-theme=light]{--background:#f8fafc;--foreground:#0f172a;--panel-bg:#fffc;--panel-border:#0000001a;--accent-primary:#059669;--accent-secondary:#0284c7;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--text-muted:#64748b;--input-bg:#ffffffe6;--shadow-glow:#05966926}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:16px;transition:all .3s;box-shadow:0 4px 24px #0000000d}.glass-panel:hover{box-shadow:0 8px 32px var(--shadow-glow);border-color:#10b9814d}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--shadow-glow);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s}.btn-primary:hover{opacity:.95;box-shadow:0 6px 20px var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--foreground);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-muted);background:#8080801a}.btn-secondary.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#10b9811a}.textarea-input{background:var(--input-bg);border:1px solid var(--panel-border);width:100%;color:var(--foreground);border-radius:12px;padding:16px;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}.textarea-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--shadow-glow);outline:none}.drop-zone{border:2px dashed var(--panel-border);text-align:center;cursor:pointer;background:#8080800d;border-radius:16px;padding:40px 20px;transition:all .3s;position:relative}.drop-zone:hover,.drop-zone.active{border-color:var(--accent-primary);background:#10b9810d}.drop-zone-icon{opacity:.8;margin-bottom:12px;font-size:3rem}.drop-zone-text{color:var(--foreground);margin-bottom:8px;font-size:1.1rem;font-weight:600}.drop-zone-subtext{color:var(--text-muted);font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--shadow-glow)}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.match-badge{color:var(--accent-primary);background:#10b98126;border:1px solid #10b9814d;border-radius:99px;padding:8px 16px;font-weight:700;animation:2s infinite pulse-glow}.navbar{border-bottom:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;justify-content:space-between;align-items:center;padding:20px 5%;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.logo{background:var(--accent-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none}.main-container{flex:1;width:100%;max-width:800px;margin:0 auto;padding:40px 20px}.hero-section{text-align:center;max-width:900px;margin:0 auto;padding:80px 20px 40px}.hero-badge{color:var(--accent-primary);letter-spacing:.5px;background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--foreground), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:1.25rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px;margin-bottom:80px;display:grid}.feature-card{text-align:left;padding:32px}.feature-icon{margin-bottom:20px;font-size:2.5rem}.feature-title{color:var(--foreground);margin-bottom:12px;font-size:1.3rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:1rem;line-height:1.6}