@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex}:root,:root[data-theme=dark]{--bg:#000;--surface:#ffffff0a;--surface-hover:#ffffff14;--surface-deep:#ffffff05;--border:#ffffff14;--border-strong:#ffffff26;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#4b5563;--accent:#06b6d4;--accent-end:#8b5cf6;--success:#10b981;--danger:#ef4444;--blur:blur(60px) saturate(200%);--blur-sm:blur(24px) saturate(180%);--shadow:0 8px 32px #00000080, 0 2px 8px #0006;--shadow-lg:0 24px 60px #000000b3;--orb1:#06b6d440;--orb2:#8b5cf640;--orb3:#10b98126;--input-bg:#ffffff0d;--skeleton:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%)}:root[data-theme=light]{--bg:#f3f4f6;--surface:#ffffffd9;--surface-hover:#fff;--surface-deep:#ffffffa6;--border:#0000000f;--border-strong:#0000001f;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#cbd5e1;--accent:#0891b2;--accent-end:#7c3aed;--success:#059669;--danger:#dc2626;--blur:blur(40px) saturate(180%);--blur-sm:blur(20px) saturate(150%);--shadow:0 4px 24px #0000000f, 0 1px 4px #0000000a;--shadow-lg:0 16px 48px #0000001f;--orb1:#06b6d426;--orb2:#8b5cf626;--orb3:#10b9811a;--input-bg:#00000008;--skeleton:linear-gradient(90deg,#00000008 25%,#00000014 50%,#00000008 75%)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 80vw 60vh at 10% 0%, var(--orb1), transparent 70%), radial-gradient(ellipse 60vw 50vh at 90% 5%, var(--orb2), transparent 70%), radial-gradient(ellipse 50vw 40vh at 50% 100%, var(--orb3), transparent 70%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,SF Pro Display,Helvetica Neue,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}#root{z-index:1;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:70px 24px 60px;display:flex;position:relative}.app-container{flex-direction:column;gap:20px;width:100%;max-width:780px;display:flex}.theme-toggle{z-index:999;cursor:pointer;background:var(--surface);border:1px solid var(--border);width:40px;height:40px;-webkit-backdrop-filter:var(--blur-sm);color:var(--text-secondary);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{color:var(--text-primary);background:var(--surface-hover)}.app-header{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px 0 10px;display:flex}.badge{color:var(--success);letter-spacing:1px;text-transform:uppercase;background:#30d1581f;border:1px solid #30d15840;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-icon{color:var(--success)}.main-title{letter-spacing:-2px;color:var(--text-primary);margin:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1}.main-title .highlight{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-end) 60%, #ff6eb4 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite shimmer}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.subtitle{color:var(--text-secondary);letter-spacing:.1px;max-width:500px;margin:0;font-size:1.05rem;font-weight:400;line-height:1.7}.scanner-card,.dashboard-card,.section-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:36px;transition:background .3s}.tabs{background:var(--surface-deep);border:1px solid var(--border);border-radius:14px;gap:0;margin-bottom:28px;padding:4px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--surface-hover);color:var(--text-primary);box-shadow:0 2px 12px #0000004d, inset 0 0 0 1px var(--border-strong)}.input-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}input,textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:16px 18px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 0 0 4px #2997ff26}textarea{resize:vertical;min-height:130px}.btn-scan{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-end) 100%);color:#fff;cursor:pointer;letter-spacing:-.2px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-scan:after{content:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000);border-radius:14px 14px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.btn-scan:disabled{opacity:.5;cursor:not-allowed}.result-card{text-align:left;border:1px solid;border-radius:18px;padding:22px}.result-card.safe{background:#30d15814;border-color:#30d15833}.result-card.danger{background:#ff453a14;border-color:#ff453a33}.result-header{letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:8px;font-size:1.2rem;font-weight:700;display:flex}.safe .result-header{color:var(--success)}.danger .result-header{color:var(--danger)}.result-body{color:var(--text-secondary);font-size:.96rem;line-height:1.65}.threat-type{background:var(--danger);color:#fff;letter-spacing:.5px;border-radius:999px;margin-top:12px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.5px;color:var(--text-primary);margin:0 0 24px;font-size:1.5rem;font-weight:700}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.steps-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-box{background:var(--surface-deep);border:1px solid var(--border);cursor:default;border-radius:20px;padding:24px 20px;transition:background .2s,border-color .2s}.step-box:hover{background:var(--surface-hover);border-color:var(--border-strong)}.step-number{letter-spacing:-1px;background:linear-gradient(135deg, var(--accent), var(--accent-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.6rem;font-weight:800;display:block}.step-box h3{letter-spacing:-.2px;margin:0 0 8px;font-size:.95rem;font-weight:600}.step-box p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.6}.features-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.feature-card{background:var(--surface-deep);border:1px solid var(--border);cursor:default;border-radius:20px;padding:22px;transition:background .2s,border-color .2s,box-shadow .2s}.feature-card:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow)}.feature-icon{width:42px;height:42px;color:var(--accent);background:linear-gradient(135deg,#2997ff26,#9b59ff26);border:1px solid #2997ff26;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.feature-card h3{letter-spacing:-.2px;margin:0 0 8px;font-size:.95rem;font-weight:600}.feature-card p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.6}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{border:1px solid;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.history-item.safe{background:#30d1580f;border-color:#30d1581f}.history-item.danger{background:#ff453a0f;border-color:#ff453a1f}.history-icon{flex-shrink:0}.safe .history-icon{color:var(--success)}.danger .history-icon{color:var(--danger)}.history-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-input{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:500;overflow:hidden}.history-threat{color:var(--danger);font-size:.75rem;font-weight:600}.history-time{color:var(--text-tertiary);flex-shrink:0;font-size:.75rem}.clear-btn{color:var(--danger);cursor:pointer;background:#ff453a14;border:1px solid #ff453a2e;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .2s;display:flex}.clear-btn:hover{background:#ff453a29}.dashboard-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.dashboard-header h3{letter-spacing:-.3px;flex:1;margin:0;font-size:1.15rem;font-weight:700}.icon-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.icon-btn:hover{color:var(--accent)}.dashboard-content{flex-direction:column;gap:24px;display:flex}.stats-numbers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-box{background:var(--surface-deep);border:1px solid var(--border);cursor:default;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;transition:background .2s,border-color .2s;display:flex}.stat-box:hover{background:var(--surface-hover);border-color:var(--border-strong)}.stat-icon{display:flex}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.stat-value{letter-spacing:-1px;font-size:2.2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;text-align:center;font-size:.72rem}.chart-wrapper{width:100%;position:relative}.chart-label-center{z-index:1;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-60%)}.chart-percent{color:var(--text-primary);letter-spacing:-1px;font-size:2rem;font-weight:800;line-height:1}.chart-sublabel{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.chart-container{width:100%;height:240px}.stat-box-skeleton{border-radius:18px;height:106px}.chart-skeleton{border-radius:18px;height:200px;margin-top:14px}.no-data{color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px;font-size:.92rem;display:flex}.retry-btn{color:var(--accent);cursor:pointer;background:#2997ff1a;border:1px solid #2997ff33;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .2s;display:flex}.retry-btn:hover{background:#2997ff2e}.extension-banner-card{border:1px solid var(--border-strong);text-align:left;background:linear-gradient(135deg,#06b6d414 0%,#8b5cf614 100%)}.ext-badge{color:var(--accent);text-transform:uppercase;letter-spacing:.8px;background:#06b6d426;border:1px solid #06b6d440;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.ext-banner-content h2{letter-spacing:-.5px;color:var(--text-primary);margin:0 0 10px;font-size:1.6rem;font-weight:800}.ext-banner-content p{color:var(--text-secondary);max-width:600px;margin:0 0 20px;font-size:.95rem;line-height:1.6}.btn-ext{width:auto;padding:14px 28px;display:inline-flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg);border:1px solid var(--border-strong);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:24px;padding:32px;position:relative}.modal-close{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:color .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-primary)}.modal-header{text-align:left;align-items:center;gap:14px;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0 0 4px;font-size:1.3rem;font-weight:700}.modal-header p{color:var(--text-secondary);margin:0;font-size:.88rem}.modal-steps{text-align:left;flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.modal-step{background:var(--surface-deep);border:1px solid var(--border);border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.step-badge{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.8rem;font-weight:800;display:flex}.modal-step strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.modal-step p{color:var(--text-secondary);margin:0;font-size:.84rem}.modal-step code{color:var(--accent);background:#ffffff1a;border-radius:6px;padding:2px 6px}.modal-footer-note{color:var(--text-secondary);background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.app-footer{color:var(--text-tertiary);letter-spacing:.2px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.82rem;display:flex}.skeleton-loader{background:var(--skeleton);background-size:200% 100%;animation:1.6s infinite shimmer-anim;display:block}.h-24{height:6rem}.w-full{width:100%}.mt-6{margin-top:1.5rem}.rounded-xl{border-radius:14px}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.loader{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){#root{padding:55px 16px 40px}.scanner-card,.dashboard-card,.section-card{border-radius:20px;padding:22px 18px}.main-title{letter-spacing:-1px;font-size:2.6rem}.steps-grid,.features-grid,.stats-numbers{grid-template-columns:1fr}.tabs{border-radius:12px}}