@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-bg-primary:#050816;--color-bg-secondary:#0a0e27;--color-bg-tertiary:#111536;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-glass:#0f173c99;--color-glass-border:#ffffff14;--color-primary:#00e5ff;--color-primary-glow:#00e5ff4d;--color-accent:#39ff14;--color-accent-glow:#39ff144d;--color-warning:#ff6b35;--color-danger:#ff3860;--color-text:#e8eaf6;--color-text-secondary:#8892b0;--color-text-muted:#4a5568;--color-gradient-start:#667eea;--color-gradient-end:#764ba2;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-glow:0 0 20px var(--color-primary-glow);--shadow-card:0 8px 32px #0006;--shadow-elevated:0 20px 60px #00000080;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-bg-primary)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}.container{max-width:1280px;padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0;position:relative}.glass-card{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#00e5ff33;transform:translateY(-2px)}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #0091ea);color:var(--color-bg-primary);box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--color-primary-glow);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-outline:hover{background:#00e5ff1a;transform:translateY(-2px)}.btn-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px var(--color-primary-glow)}50%{box-shadow:0 8px 40px var(--color-primary-glow), 0 0 60px #00e5ff26}}.heading-xl{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.heading-lg{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2}.heading-md{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;line-height:1.3}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;background:#00e5ff1a;border:1px solid #00e5ff33;font-size:.75rem;font-weight:500;display:inline-flex}.stat-value{font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.85rem}.navbar{z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border);background:#050816d9}.navbar-content{max-width:1280px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:1.1rem;font-weight:700;display:flex}.navbar-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.navbar-links{gap:var(--space-xl);list-style:none;display:flex}.navbar-links a{color:var(--color-text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.navbar-links a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.navbar-links a:hover{color:var(--color-text)}.navbar-links a:hover:after{width:100%}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;max-width:700px;padding:var(--space-4xl) var(--space-xl);position:relative}.hero-subtitle{color:var(--color-text-secondary);margin-top:var(--space-lg);font-size:1.1rem;line-height:1.7}.hero-stats{gap:var(--space-2xl);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.hero-actions{gap:var(--space-md);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.arch-pipeline{gap:var(--space-lg);margin:var(--space-2xl) 0;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;display:grid}.arch-arrow{color:var(--color-primary);text-align:center;font-size:1.5rem}.arch-card{text-align:center}.arch-card-icon{width:64px;height:64px;margin:0 auto var(--space-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#00e5ff26,#39ff1426);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.arch-formula{background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);text-align:center;font-family:var(--font-mono);color:var(--color-primary);margin-top:var(--space-xl);font-size:1.1rem}.results-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.metric-ring{width:120px;height:120px;margin:0 auto var(--space-md);position:relative}.metric-ring svg{transform:rotate(-90deg)}.metric-ring-value{font-size:1.4rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detect-page{min-height:100vh;padding-top:80px}.detect-grid{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.upload-zone{border:2px dashed var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--color-surface);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:280px;display:flex}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--color-primary);background:#00e5ff08;box-shadow:inset 0 0 30px #00e5ff0d}.upload-zone-icon{opacity:.5;font-size:3rem}.upload-preview{border-radius:var(--radius-md);width:100%;overflow:hidden}.upload-preview img{width:100%;height:auto;display:block}.prediction-panel{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:1fr 1fr 1fr;display:grid}.prediction-image{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-glass-border);overflow:hidden}.prediction-image img,.prediction-image canvas{width:100%;height:auto;display:block}.prediction-image-label{padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);text-align:center;border-top:1px solid var(--color-glass-border);font-size:.85rem;font-weight:600}.inference-stats{gap:var(--space-xl);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.inference-stat{align-items:center;gap:var(--space-sm);display:flex}.inference-stat-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.inference-stat-dot.warning{background:var(--color-warning)}.progress-bar{background:var(--color-surface);border-radius:var(--radius-full);width:100%;height:4px;margin-top:var(--space-md);overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.slider-container{align-items:center;gap:var(--space-md);margin-top:var(--space-md);display:flex}.slider-container input[type=range]{appearance:none;background:var(--color-surface);border-radius:var(--radius-full);outline:none;flex:1;height:4px}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--color-primary-glow);border-radius:50%}.spinner{border:3px solid var(--color-glass-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header .badge{margin-bottom:var(--space-md)}.section-header p{max-width:600px;margin:var(--space-md) auto 0;color:var(--color-text-secondary)}.footer{border-top:1px solid var(--color-glass-border);padding:var(--space-2xl) 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}.footer-links{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-md);list-style:none;display:flex}.tech-badges{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.tech-badge{padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.7rem;font-weight:500}@media (width<=768px){.arch-pipeline{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.detect-grid,.prediction-panel{grid-template-columns:1fr}.hero-stats{gap:var(--space-lg)}.navbar-links{display:none}}