:root{--bg-color: #0e0e0e;--surface-color: #1e1e1e;--surface-hover: #2d2d2d;--accent-color: #8ab4f8;--accent-gradient: linear-gradient(135deg, #8ab4f8 0%, #c48dfa 100%);--text-primary: #e8eaed;--text-secondary: #9aa0a6;--border-color: #3c4043;--error-color: #f28b82;--success-color: #81c995;--font-main: "Inter", sans-serif;--font-header: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:1200px;margin:0 auto}header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.logo{font-family:var(--font-header);font-size:1.5rem;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section{text-align:center;margin-bottom:4rem}.hero-section h1{font-family:var(--font-header);font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.hero-section p{color:var(--text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto}.upload-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;padding:3rem;width:100%;max-width:800px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.upload-card:hover{border-color:var(--accent-color);box-shadow:0 15px 40px #0009,0 0 0 1px #8ab4f833}.drop-zone{border:2px dashed var(--border-color);border-radius:16px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.drop-zone.active{border-color:var(--accent-color);background:#8ab4f80d}.drop-zone i{font-size:3rem;color:var(--accent-color);margin-bottom:1.5rem}.drop-zone span{font-size:1.1rem;color:var(--text-secondary)}.video-preview-container{width:100%;margin-top:2rem;position:relative}.video-player-wrapper{position:relative;overflow:hidden;border-radius:16px}.video-player{width:100%;display:block;background:#000;box-shadow:0 8px 24px #0006}.scanning-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient);box-shadow:0 0 15px var(--accent-color);z-index:10;pointer-events:none}.kinetic-jitter{animation:jitter .1s infinite}@keyframes jitter{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes scan{0%{top:0}to{top:100%}}.animate-scan{animation:scan 2s linear infinite}.analyze-btn{margin-top:2rem;background:var(--accent-gradient);border:none;border-radius:100px;padding:1rem 2.5rem;color:#000;font-family:var(--font-main);font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%}.analyze-btn:hover{transform:scale(1.02);box-shadow:0 0 20px #8ab4f866}.analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.results-container{width:100%;max-width:1000px;margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.result-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;padding:2rem}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge{width:200px;height:200px;border-radius:50%;border:12px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1.5rem}.gauge-value{font-family:var(--font-header);font-size:3rem;font-weight:700}.gauge-label{color:var(--text-secondary);font-size:1rem}.metrics-grid{display:grid;grid-template-columns:1fr;gap:1rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:12px}.metric-name{color:var(--text-secondary)}.metric-value{font-weight:600}.metric-value.fake{color:var(--error-color)}.metric-value.real{color:var(--success-color)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.loading-dots span{animation:pulse 1.5s infinite}@media (max-width: 768px){.results-container{grid-template-columns:1fr}.hero-section h1{font-size:2.5rem}}