@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-darker: #f8fafc;--bg-dark: #ffffff;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, .98);--accent-cyan: #1d4ed8;--accent-cyan-glow: rgba(29, 78, 216, .1);--accent-green: #15803d;--accent-green-glow: rgba(21, 128, 61, .1);--accent-blue: #2563eb;--accent-purple: #6d28d9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #515d6d;--border-color: rgba(15, 23, 42, .08);--border-glow: rgba(29, 78, 216, .15);--border-glow-success: rgba(21, 128, 61, .2);--font-primary: "Outfit", sans-serif;--font-display: "Space Grotesk", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--shadow-neon: 0 8px 30px rgba(29, 78, 216, .12);--shadow-neon-green: 0 8px 30px rgba(21, 128, 61, .15)}*:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding-top:80px;padding-bottom:80px;gap:4rem;background:radial-gradient(circle at 80% 20%,rgba(61,90,254,.08) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(0,240,255,.05) 0%,transparent 40%)}.hero-content{flex:1;max-width:580px}.hero-subtitle{font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--accent-cyan);margin-bottom:1rem;display:inline-block;background:#00f0ff0f;padding:6px 16px;border-radius:30px;border:1px solid rgba(0,240,255,.15);box-shadow:0 0 15px #00f0ff0d}.hero-title{font-family:var(--font-display);font-size:3.8rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--text-secondary) 70%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.feat-pill{display:flex;align-items:center;gap:.8rem;background:#ffffff05;border:1px solid var(--border-color);padding:12px 18px;border-radius:12px;font-weight:500;font-size:.95rem}.feat-pill svg{width:20px;height:20px;color:var(--accent-cyan)}.stats-banner{border-top:1px solid var(--border-color);background:#0f0f1580;padding:3rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem;background:linear-gradient(to right,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #0f172a0f;transition:var(--transition-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:#0f172a26;box-shadow:0 20px 40px #0f172a1a}.widget-panel{flex:1;max-width:480px;position:relative}.widget-panel:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-cyan) 100%);filter:blur(40px);opacity:.06;border-radius:40px}.widget-title{font-family:var(--font-display);font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.widget-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary)}.input-text{width:100%;padding:14px 16px;background:#fff;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;transition:var(--transition-smooth)}.input-text:focus{background:#fff;border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);outline:none}.drag-drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:#0f172a03;border:2px dashed var(--border-color);border-radius:16px;cursor:pointer;text-align:center;transition:var(--transition-smooth)}.drag-drop-zone.dragover{border-color:var(--accent-cyan);background:#1d4ed80a;box-shadow:0 0 20px var(--accent-cyan-glow)}.drag-drop-zone.has-file{border-color:var(--accent-green);background:#15803d08}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem;transition:var(--transition-smooth)}.drag-drop-zone.dragover .upload-icon{color:var(--accent-cyan);transform:translateY(-5px)}.drag-drop-zone.has-file .upload-icon{color:var(--accent-green)}.upload-title{font-weight:600;font-size:.95rem;margin-bottom:.3rem}.upload-title span{color:var(--accent-cyan);text-decoration:underline}.drag-drop-zone.has-file .upload-title span{color:var(--accent-green);text-decoration:none}.upload-meta{font-size:.8rem;color:var(--text-muted)}.attached-file-info{margin-top:1rem;display:flex;align-items:center;gap:.6rem;background:#15803d14;padding:8px 14px;border-radius:30px;border:1px solid rgba(21,128,61,.2);font-size:.85rem;color:var(--accent-green);font-weight:500}.attached-file-info svg{width:16px;height:16px}.checkbox-group{display:flex;align-items:flex-start;gap:.8rem;margin:1.5rem 0;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-cyan);border-radius:4px;margin-top:3px;cursor:pointer}.checkbox-label{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.checkbox-label a{color:var(--accent-cyan);text-decoration:none;font-weight:500}.checkbox-label a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:14px 28px;border-radius:12px;font-family:var(--font-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-cyan) 100%);color:#fff;box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#0f172a0a;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#0f172a14;border-color:#0f172a26}.btn-tertiary{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-tertiary:hover{color:var(--text-primary);background:#0f172a08}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#f1f5f9d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{width:100%;max-width:480px;background:#fff;border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:0 30px 60px #0f172a1f;transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-close svg{width:24px;height:24px}.modal-body{margin-bottom:2rem}.modal-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-bottom:1.5rem}.otp-field{width:100%;aspect-ratio:1;text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:#0f172a05;border:1px solid var(--border-color);border-radius:12px;color:var(--accent-cyan);transition:var(--transition-smooth)}.otp-field:focus{background:#fff;border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow);outline:none}.loader-spinner{width:40px;height:40px;border:3px solid var(--accent-cyan-glow);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s infinite linear;margin:1.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}.status-screen{text-align:center;padding:1.5rem 0}.status-icon-container{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.status-icon-container.success{background:#39ff1414;border:2px solid var(--accent-green);color:var(--accent-green);box-shadow:var(--shadow-neon-green)}.status-icon-container.success svg{width:36px;height:36px}.status-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.status-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.policy-modal-container{max-width:720px;max-height:85vh;display:flex;flex-direction:column}.policy-content-scroll{overflow-y:auto;max-height:60vh;padding-right:1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.policy-content-scroll h3{color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;margin:1.5rem 0 .5rem}.policy-content-scroll h3:first-of-type{margin-top:0}.policy-content-scroll p{margin-bottom:1rem}.policy-content-scroll ul{margin-bottom:1rem;padding-left:1.5rem}.policy-content-scroll li{margin-bottom:.4rem}.cookie-banner{position:fixed;bottom:24px;right:24px;width:calc(100% - 48px);max-width:480px;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px #0f172a1a;z-index:999;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.cookie-banner.hidden{transform:translateY(50px);opacity:0;pointer-events:none}.cookie-content{display:flex;flex-direction:column;gap:1rem}.cookie-header{display:flex;align-items:center;gap:.8rem}.cookie-icon{width:24px;height:24px;color:var(--accent-cyan)}.cookie-header h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600}#cookie-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}#cookie-desc a{color:var(--accent-cyan);text-decoration:underline}.cookie-preferences{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pref-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pref-info{display:flex;flex-direction:column;gap:.2rem}.pref-name{font-size:.9rem;font-weight:600}.pref-name .badge{font-size:.75rem;background:#0f172a0a;border:1px solid var(--border-color);padding:2px 8px;border-radius:20px;color:var(--text-muted);margin-left:.5rem}.pref-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.switch-container{position:relative;display:inline-block;min-width:44px;width:44px;height:24px}.switch-container input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#0f172a14;transition:.3s;border-radius:24px;border:1px solid var(--border-color)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-cyan-glow);border-color:var(--accent-cyan)}input:checked+.slider:before{transform:translate(20px);background-color:var(--accent-cyan)}.slider.disabled{opacity:.5;cursor:not-allowed}.cookie-buttons{display:flex;gap:.5rem}.cookie-buttons .btn{padding:10px 16px;font-size:.85rem;border-radius:8px;flex:1}.cookie-widget-trigger{position:fixed;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0f172a14;z-index:998;transition:var(--transition-smooth)}.cookie-widget-trigger:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:var(--shadow-neon);transform:scale(1.05)}.cookie-widget-trigger svg{width:24px;height:24px}footer{border-top:1px solid var(--border-color);background:var(--bg-darker);padding:4rem 0 2rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:3rem}.footer-brand h4{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);margin-bottom:1rem}.footer-brand p{font-size:.9rem;max-width:320px}.footer-links h5{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary);margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:1px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:var(--transition-fast)}.footer-links a:hover{color:var(--accent-cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem;font-size:.85rem}.fade-in{animation:fadeIn .4s ease forwards}.slide-down{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.device-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:400px;height:520px;background:var(--bg-card);border:4px solid var(--border-color);border-radius:40px;box-shadow:0 25px 50px -12px #0f172a14;overflow:hidden;margin:0 auto}.device-container:before{content:"";position:absolute;top:15px;width:100px;height:25px;background:var(--bg-darker);border-radius:20px;z-index:2;border:1px solid var(--border-color)}.device-screen{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,rgba(61,90,254,.06) 0%,var(--bg-dark) 80%);padding:3rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.device-scanner-line{position:absolute;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);box-shadow:0 0 15px var(--accent-cyan);animation:scan 4s infinite linear;z-index:5}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.mock-dashboard{display:flex;flex-direction:column;gap:1rem}.mock-card{background:#0f172a05;border:1px solid var(--border-color);padding:12px;border-radius:12px}.mock-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mock-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mock-badge{font-size:.7rem;background:#15803d14;border:1px solid rgba(21,128,61,.2);color:var(--accent-green);padding:2px 8px;border-radius:20px}.mock-badge.critical{background:#b91c1c14;border:1px solid rgba(185,28,28,.2);color:#b91c1c}.mock-val{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.mock-progress-bar{width:100%;height:6px;background:#0f172a0f;border-radius:30px;overflow:hidden;margin-top:.5rem}.mock-progress-fill{height:100%;background:var(--accent-cyan);width:74%;border-radius:30px;box-shadow:0 0 10px var(--accent-cyan)}.mock-progress-fill.success{background:var(--accent-green);width:92%;box-shadow:0 0 10px var(--accent-green)}.mock-checks-list{display:flex;flex-direction:column;gap:.5rem}.mock-check-item{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--text-secondary)}.mock-check-item svg{width:14px;height:14px}.mock-check-item.pass svg{color:var(--accent-green)}.mock-check-item.fail svg{color:#ff1744}.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffd9;transition:var(--transition-smooth)}.site-header-container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo-link{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-weight:700}.logo-svg{width:20px;height:36px;filter:drop-shadow(0 0 8px var(--accent-cyan-glow))}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-size:1.55rem;font-weight:700;letter-spacing:-.5px}.logo-subtitle{font-size:.75rem;font-weight:500;color:var(--text-secondary);letter-spacing:.2px}.main-nav{display:flex;align-items:center}.nav-list{display:flex;gap:2rem;list-style:none;font-size:.95rem;font-weight:500}.nav-link{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);padding:.5rem 0;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-cyan);font-weight:600;text-shadow:0 0 10px var(--accent-cyan-glow)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-cyan);transition:var(--transition-fast);box-shadow:0 0 8px var(--accent-cyan-glow)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:110;width:44px;height:44px;border-radius:8px;transition:var(--transition-fast)}.nav-toggle:hover{background:#1d4ed80d}.nav-toggle-bar{display:block;width:22px;height:2px;margin:5px auto;background-color:var(--text-primary);transition:var(--transition-smooth);border-radius:1px}@media (max-width: 992px){.nav-toggle{display:block}.main-nav{position:fixed;top:70px;left:0;width:100%;height:0;visibility:hidden;opacity:0;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:0px solid var(--border-color);overflow:hidden;transition:visibility 0s .3s,opacity .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1);z-index:99;flex-direction:column;align-items:flex-start}.main-nav.active{visibility:visible;opacity:1;height:calc(100vh - 70px);border-bottom:1px solid var(--border-color);box-shadow:0 10px 30px #0000000d;transition:opacity .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.nav-list{flex-direction:column;gap:1.5rem;padding:3rem 2rem;width:100%}.nav-link{font-size:1.25rem;display:block;width:100%;padding:.75rem 0}.nav-toggle.active .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}@media (max-width: 992px){.hero{flex-direction:column;padding-top:120px;text-align:center;gap:3rem}.hero-content{max-width:100%}.hero-desc,.hero-features,.device-container{display:none!important}.hero-features{justify-content:center}.widget-panel{max-width:540px;width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 600px){.hero-title{font-size:2.6rem}.hero-features,.stats-grid{grid-template-columns:1fr}.cookie-banner{bottom:0;right:0;width:100%;border-radius:20px 20px 0 0;max-width:100%}.cookie-widget-trigger{bottom:80px}.cookie-buttons{flex-direction:column}}.hidden{display:none!important}