.home-page{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f172a,#020617);color:#fff;scroll-behavior:smooth}.hero.hero-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;position:relative;gap:30px;max-width:1200px;margin:0 auto}.hero.hero-centered .status-box{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.9rem;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero.hero-centered .hero-content{max-width:700px;z-index:2}.hero.hero-centered .hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2}.hero.hero-centered .hero-subtitle{max-width:600px;margin:0 auto;opacity:.85;line-height:1.6;font-size:1.2rem}.hero.hero-centered .hero-image{display:flex;justify-content:center;width:100%}.hero.hero-centered .hero-image img{width:100%;max-width:600px;border-radius:20px;box-shadow:0 20px 40px #00000080}.hero.hero-centered .hero-buttons{width:100%;max-width:420px;display:flex;justify-content:center;margin-top:10px}.cta-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:200px;padding:16px 40px;font-size:1.1rem;font-weight:600;color:#fff;text-decoration:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:all .25s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #6366f166}.modules-section{padding:60px 20px;text-align:center}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.module-card{background:#ffffff0d;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.module-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px #00000059}.section{padding:60px 20px;max-width:800px;margin:0 auto;text-align:center}.footer{text-align:center;padding:40px 20px;font-size:.9rem;opacity:.7}@media(max-width:768px){.hero.hero-centered{padding:60px 20px}.hero.hero-centered .status-box{position:relative;top:auto;left:auto;transform:none;margin-bottom:10px;font-size:.85rem}.hero.hero-centered .hero-title{font-size:2.2rem}.hero.hero-centered .hero-subtitle{font-size:1rem}.hero.hero-centered .hero-image img{max-width:100%}.hero.hero-centered .hero-buttons{max-width:320px}.modules-section,.section{padding:40px 15px}}.navbar{position:fixed;top:0;width:100%;z-index:1000;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.logo a{font-size:1.4rem;font-weight:700;color:#38bdf8;text-decoration:none}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;color:#fff;font-weight:500;opacity:.8;transition:all .25s ease}.nav-links a:hover{opacity:1}.nav-links a.active{color:#38bdf8}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{width:26px;height:3px;background:#fff;border-radius:2px;transition:.3s}.mobile-menu{display:none;flex-direction:column;background:#0f172afa;padding:25px;gap:18px}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.1rem}@media(max-width:768px){.nav-links{display:none}.hamburger,.mobile-menu.show{display:flex}}.about-page{min-height:100vh;padding:0 40px;text-align:center;background:linear-gradient(135deg,#0f172a,#020617);color:#fff;font-family:Inter,sans-serif}.about-title{font-size:3rem;margin-bottom:20px}.about-text{max-width:800px;margin:20px auto;line-height:1.6;opacity:.85}@media(max-width:768px){.about-title{font-size:2.2rem}.about-page{padding:100px 20px 0}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#020617);color:#fff;text-align:center;padding-top:100px;font-family:Inter,sans-serif}.contact-hero{padding:40px 20px;display:flex;flex-direction:column;align-items:center}.contact-title{font-size:3rem;font-weight:600;margin-bottom:15px}.gradient-text{background:linear-gradient(90deg,#38bdf8,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-subtitle{max-width:700px;line-height:1.6;margin-bottom:30px;opacity:.8}.status-box{margin-bottom:20px;padding:15px 25px;border-radius:12px;max-width:600px;margin-left:auto;margin-right:auto}.status-box.success{background:#10b98133;color:#10b981}.status-box.error{background:#ef444433;color:#ef4444}.contact-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;max-width:600px;width:100%;display:flex;flex-direction:column;gap:15px;margin:0 auto}.input-wrapper,.textarea-wrapper{display:flex;flex-direction:column;gap:5px;text-align:left}.label{font-weight:600}.input,.textarea{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;outline:none}.textarea{resize:vertical}.captcha-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.captcha-box{font-family:monospace;font-size:1.1rem;padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;min-width:100px;text-align:center}.captcha-button{background:transparent;border:none;color:#38bdf8;cursor:pointer;font-size:1rem}.captcha-button:disabled{color:gray;cursor:not-allowed}.submit-button{padding:12px;border-radius:12px;background:#6366f1;border:none;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.submit-button:hover:not(:disabled){background:#4f46e5}.submit-button:disabled{background:#6366f166;cursor:not-allowed}.footer{margin-top:40px;padding:30px;font-size:.9rem;opacity:.6}@media(max-width:768px){.contact-title{font-size:2.2rem}.contact-form{padding:20px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#020617);padding:20px}.auth-card{width:100%;max-width:420px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0006}.auth-title{text-align:center;margin-bottom:30px;font-size:1.8rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input{padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem}.auth-input::placeholder{color:#ffffff80}.captcha-row{display:flex;align-items:center;gap:10px}.captcha-box{flex:1;padding:12px;text-align:center;border-radius:10px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);font-size:.9rem}.captcha-button{padding:8px 12px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s}.captcha-button:hover{background:#fff3}.auth-button{padding:14px;border:none;border-radius:10px;font-weight:600;font-size:1rem;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;transition:all .2s}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f166}.auth-links{margin-top:20px;display:flex;justify-content:space-between;font-size:.9rem}.auth-links a{color:#a5b4fc;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-message{margin-bottom:10px;text-align:center;font-size:.9rem;color:#facc15}@media(max-width:480px){.auth-card{padding:28px}}.dashboard{background:#0f172a;color:#fff;font-family:Inter,sans-serif;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#020617;border-bottom:1px solid #1e293b}.logo{font-size:20px;font-weight:600}.avatar{width:36px;height:36px;border-radius:50%;background:#22d3ee;display:flex;align-items:center;justify-content:center;font-weight:600;color:#000}.layout{display:flex;flex:1;min-height:0}.sidebar{width:220px;background:#020617;padding:24px;display:flex;flex-direction:column;gap:12px;border-right:1px solid #1e293b}.nav-item{padding:12px 16px;border-radius:10px;cursor:pointer;transition:.2s;font-size:15px}.nav-item:hover{background:#1e293b}.nav-item.active{background:#22d3ee;color:#000}.content{flex:1;padding:40px;overflow:auto}.welcome h1{font-size:28px;margin-bottom:6px}.welcome p{color:#94a3b8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px}.feature-card{background:#1e293b;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px #0000004d;transition:.2s}.feature-card:hover{transform:translateY(-4px)}.primary-btn{margin-top:10px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#4ade80,#22d3ee);font-weight:600;cursor:pointer}.primary-btn:hover{transform:translateY(-2px)}.profile-card{background:#1e293b;padding:40px;border-radius:18px;max-width:420px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#22d3ee;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px;color:#000}@media(max-width:992px){.sidebar{width:180px;padding:18px}.content{padding:30px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.layout{flex-direction:column}.sidebar{flex-direction:row;width:100%;border-right:none;border-bottom:1px solid #1e293b;overflow-x:auto;gap:8px}.nav-item{white-space:nowrap;font-size:14px;padding:10px 14px}.content{padding:24px}.welcome h1{font-size:24px}}@media(max-width:480px){.topbar{padding:14px 18px}.logo{font-size:18px}.avatar{width:32px;height:32px;font-size:14px}.content,.feature-card{padding:18px}.primary-btn{width:100%;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-card{background:#1e293b;padding:30px;border-radius:12px;width:350px;max-width:90%;text-align:center;color:#fff;box-shadow:0 8px 25px #0006}.modal-buttons{margin-top:20px;display:flex;justify-content:space-between}.btn-cancel{background:#64748b;border:none;padding:10px 20px;color:#fff;border-radius:6px;cursor:pointer}.btn-logout{background:#ef4444;border:none;padding:10px 20px;color:#fff;border-radius:6px;cursor:pointer}.btn-logout:hover{background:#dc2626}.soniclab{background:#0f172a;color:#fff;min-height:100vh;padding:30px;font-family:Inter,sans-serif}.lab-topbar{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.back-btn{padding:8px 14px;border:none;border-radius:8px;background:#1e293b;color:#fff;cursor:pointer}.filename{margin-left:auto;color:#94a3b8;font-size:14px}.upload-zone{border:2px dashed #334155;padding:40px;text-align:center;border-radius:14px;margin-bottom:30px;background:#020617;transition:.2s}.upload-zone:hover{border-color:#22d3ee}.wave-section{background:#1e293b;padding:20px;border-radius:14px;margin-bottom:30px}.waveform{width:100%;height:120px;margin-bottom:16px}.player-controls{display:flex;gap:12px;flex-wrap:wrap}.player-controls button{padding:10px 16px;border-radius:10px;border:none;background:#22d3ee;color:#000;cursor:pointer;font-weight:600}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.panel{background:#1e293b;padding:20px;border-radius:14px}.panel h3{margin-bottom:10px}.spectrogram-container{width:100%;height:200px;min-height:200px;background:#020617;border-radius:8px;overflow:hidden}canvas{width:100%;height:auto}.panel p{word-break:break-all;overflow-wrap:anywhere}.fingerprint{display:block;word-break:break-all;overflow-wrap:anywhere;max-width:100%}@media(max-width:992px){.soniclab{padding:24px}.analysis-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.soniclab{padding:20px}.lab-topbar{gap:12px}.filename{width:100%;margin-left:0;font-size:13px}.upload-zone{padding:30px 20px}.wave-section{padding:16px}.player-controls{flex-direction:column}.player-controls button{width:100%}.analysis-grid{grid-template-columns:1fr}}@media(max-width:480px){.soniclab{padding:16px}.upload-zone{padding:24px 16px}.panel{padding:16px}.wave-section{padding:14px}}.primary-btn{background:linear-gradient(135deg,#22d3ee,#4ade80);color:#000;font-weight:600}.pro-btn{background:linear-gradient(135deg,#a78bfa,#f472b6);color:#fff}.rights-page{min-height:100vh;padding:48px 20px;background:radial-gradient(circle at top left,rgba(93,93,255,.16),transparent 30%),radial-gradient(circle at bottom right,rgba(0,209,255,.14),transparent 28%),linear-gradient(180deg,#0a1020,#0d1326);color:#eef2ff}.rights-container{max-width:1100px;margin:0 auto;padding:32px;border:1px solid rgba(255,255,255,.1);background:#0c1224c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 18px 60px #00000059}.rights-header{margin-bottom:28px}.rights-eyebrow{margin:0 0 10px;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#8ab4ff}.rights-header h1{margin:0 0 10px;font-size:2.1rem;line-height:1.15}.rights-subtitle{margin:0;max-width:760px;color:#eef2ffbd;line-height:1.65}.rights-form{display:flex;flex-direction:column;gap:24px}.rights-section{padding:22px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.rights-section h2{margin:0 0 16px;font-size:1.08rem;color:#fff}.rights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rights-grid input,.rights-grid select,.rights-grid textarea{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#070c1ad1;color:#eef2ff;font-size:.98rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-sizing:border-box}.rights-grid input:focus,.rights-grid select:focus,.rights-grid textarea:focus{border-color:#66a3ffe6;box-shadow:0 0 0 4px #66a3ff26}.rights-grid textarea{resize:vertical;min-height:110px}.full-width{grid-column:1 / -1}.rights-checks{display:flex;flex-direction:column;gap:14px}.rights-checks label{display:flex;gap:12px;align-items:flex-start;color:#eef2ffe0;line-height:1.55}.rights-checks input[type=checkbox]{margin-top:3px}.rights-alert{padding:14px 16px;border-radius:14px;font-size:.96rem}.rights-alert.error{background:#ff565624;border:1px solid rgba(255,86,86,.35);color:#ffb4b4}.rights-alert.success{background:#48d69724;border:1px solid rgba(72,214,151,.34);color:#b8ffd9}.rights-actions{display:flex;justify-content:flex-end}.rights-actions button{border:0;border-radius:14px;padding:14px 22px;font-size:.98rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f7cff,#6d5cff);box-shadow:0 10px 28px #4f7cff47;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.rights-actions button:hover{transform:translateY(-1px);box-shadow:0 14px 34px #4f7cff57}.rights-actions button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media(max-width:768px){.rights-container{padding:20px}.rights-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.rights-header h1{font-size:1.7rem}.rights-actions{justify-content:stretch}.rights-actions button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#0f172a;padding:30px 40px;border-radius:16px;width:400px;max-width:90%;text-align:center;color:#fff;box-shadow:0 20px 60px #00000080;animation:fadeIn .25s ease}.modal-box.success{border:2px solid #22c55e}.modal-box.error{border:2px solid #ef4444}.modal-box button{margin-top:20px;padding:10px 20px;border:none;background:#38bdf8;color:#0f172a;border-radius:8px;cursor:pointer;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f172a,#020617);color:#fff}a{text-decoration:none;color:inherit}a:hover{color:#38bdf8;transition:.2s}