:root{--background:#0a0f1e;--foreground:#f8fafc;--accent:#00d4ff;--slate-300:#cad5e2;--slate-400:#90a1b9;--slate-500:#62748e;--slate-700:#314158;--slate-800:#1d293d;--slate-900:#0f172b;--slate-950:#020618;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Arial,Helvetica,sans-serif;line-height:1.5}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:DM Sans,Arial,Helvetica,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #00d4ffbf}::selection{color:#fff;background:#00d4ff47}.font-display{letter-spacing:.03em;font-family:Bebas Neue,sans-serif;font-weight:400}.font-mono{font-family:JetBrains Mono,monospace}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bg-layer{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-gradient,.bg-dots,.bg-canvas{position:absolute;inset:0}.bg-gradient{background:linear-gradient(135deg,#0a0f1e 0%,#0a0f19 50%,#050a14 100%)}.bg-dots{background-image:radial-gradient(circle at 1px 1px,#00d4ff0f 1px,#0000 0);background-size:28px 28px}.bg-canvas{width:100%;height:100%}.app-shell{z-index:1;flex-direction:column;gap:64px;width:min(1280px,100% - 32px);margin:0 auto;padding:112px 16px 48px;display:flex;position:relative}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.accent{color:var(--accent)}.top-nav{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0f1ecc;border-bottom:1px solid #ffffff0d;justify-content:center;padding:12px 0;display:flex;position:fixed;top:0;left:0;right:0}.top-nav-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(1280px,100% - 32px);margin:0 auto;padding:0 16px;display:grid}.brand{color:#00d4ff;background:0 0;border:none;justify-self:start;align-items:center;gap:8px;padding:2px;display:flex}.brand-wordmark{letter-spacing:2px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1}.nav-links{justify-content:center;align-items:center;gap:6px;display:flex}.nav-link{white-space:nowrap;text-transform:uppercase;letter-spacing:1px;color:var(--slate-300);background:0 0;border:none;border-radius:999px;padding:10px 16px;font-size:.8rem;font-weight:500;transition:color .18s,background .18s;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px;width:14px;height:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-toggle{color:var(--slate-300);background:#0f172bb3;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;justify-self:end;align-items:center;width:44px;height:44px;transition:color .18s,border-color .18s;display:none}.nav-toggle:hover{color:var(--accent);border-color:#00bcfe66}.nav-menu{z-index:49;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overscroll-behavior:contain;background:#0a0f1ef2;border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;gap:4px;max-height:calc(100vh - 90px);margin:0 clamp(16px,4vw,32px);padding:10px;animation:.2s both panel-in;display:flex;position:fixed;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 30px 90px #02061799}.nav-backdrop{z-index:48;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061773;animation:.16s both backdrop-in;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.nav-menu-item{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--slate-300);background:0 0;border:none;border-radius:.85rem;padding:14px 16px;font-size:.9rem;font-weight:500;transition:color .18s,background .18s}.nav-menu-item:hover,.nav-menu-item.active{color:var(--accent);background:#00a5ef14}.panel,.hero-panel{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0206188c;border:1px solid #ffffff1a;border-radius:2rem;padding:clamp(20px,4vw,56px);scroll-margin-top:110px;animation:.38s both panel-in;box-shadow:0 30px 120px #0206178c}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-panel{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.hero-left{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero-panel h1{color:#fff;margin:0;font-size:1.875rem;line-height:1.1}@media (width>=640px){.hero-panel h1{font-size:3rem}}@media (width>=1024px){.hero-panel h1{font-size:3.75rem}}.hero-copy{max-width:560px;color:var(--slate-300);margin:0;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:inline-flex}.pill-sky{color:#77d4ff;background:#00a5ef1a;border:1px solid #00bcfe33;font-size:.95rem}.pill-emerald{color:#d0fae5;background:#00d3941a;border:1px solid #00d39433;font-size:.85rem}.threat-card{background:linear-gradient(135deg,#0f172be6,#1d293dcc);border:1px solid #ffffff1a;border-radius:1.8rem;padding:clamp(18px,3vw,28px);box-shadow:0 20px 80px #2563eb26}.threat-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.threat-header h2{color:#fff;margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem)}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tile{background:#020618b3;border:1px solid #ffffff1a;border-radius:1rem;padding:16px}.tile-title{color:#fff;margin:12px 0 4px;font-size:.95rem;font-weight:600}.tile-sub{color:var(--slate-400);margin:0;font-size:.85rem;line-height:1.5}.icon-chip{color:#77d4ff;background:#00a5ef1a;border:1px solid #00a5ef33;border-radius:1rem;flex-shrink:0;place-items:center;width:48px;height:48px;display:inline-grid}.icon-chip-sm{border-radius:.75rem;width:38px;height:38px}.micro-label{text-transform:uppercase;letter-spacing:.25em;color:#77d4ff;margin:0 0 6px;font-size:.8rem;font-weight:600}.panel-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:28px;display:flex}.panel-header h2{color:#fff;margin:0;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1}.panel-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:.95rem;font-weight:500;transition:background .2s,box-shadow .2s,transform .2s,color .2s;display:inline-flex}.btn:hover{transform:scale(1.01)}.btn:active{transform:scale(.98)}.btn-sm{min-height:34px;padding:0 16px;font-size:.85rem}.btn-primary{color:#fff;background:#00a5ef;box-shadow:0 0 0 1px #38bdf840,0 16px 40px #38bdf83d}.btn-primary:hover{background:#00bcfe}.btn-outline{color:#f1f5f9;background:0 0;border:1px solid #314158cc}.btn-outline:hover{background:#1d293db3;box-shadow:0 10px 35px #0f172a4d}.btn-ghost{color:#f1f5f9;background:#1d293dcc}.btn-ghost:hover{background:#314158;box-shadow:0 10px 35px #0f172a59}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172bb3;border:1px solid #00bcfe33;border-radius:1.75rem;flex-direction:column;align-items:flex-start;gap:14px;padding:26px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 20px 80px #02061759}.feature-card:hover{border-color:#00bcfe40;transform:translateY(-4px);box-shadow:0 26px 90px #0e749033}.feature-card h3{color:#fff;margin:0;font-size:1.15rem}.feature-card p{color:var(--slate-300);flex-grow:1;margin:0;font-size:.95rem;line-height:1.65}.feature-card .btn{align-self:stretch}.input-section,.verify-column{flex-direction:column;gap:12px;display:flex}.field-label{color:var(--slate-400);font-size:.9rem;font-weight:500}.field-hint{color:var(--emerald);margin-top:-6px;font-size:.78rem}.field-hint.warn{color:#f5b041}.input-area,.input-field{color:#fff;width:100%;caret-color:var(--accent);background:#020618cc;border:1px solid #ffffff1a;border-radius:1rem;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.input-area{resize:vertical;min-height:140px;font-family:DM Sans,sans-serif;line-height:1.6}.input-field{min-height:56px}.input-area:focus,.input-field:focus{border-color:#00bcfe99;box-shadow:0 0 0 1px #38bdf840}.select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2390a1b9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:42px}.inline-field{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.stat-strip{flex-wrap:wrap;gap:10px;display:flex}.stat-pill{color:var(--slate-300);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:7px 14px;font-size:.85rem}.hash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.hash-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172bb3;border:1px solid #00bcfe33;border-radius:1.75rem;flex-direction:column;padding:22px;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.42s both card-in;display:flex;box-shadow:0 20px 80px #02061759}.hash-card:hover{border-color:#00bcfe40;transform:translateY(-4px);box-shadow:0 26px 90px #0e749033}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hash-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.hash-title h3{color:#fff;margin:0 0 8px;font-size:1.05rem}.badge{text-transform:uppercase;letter-spacing:.12em;border-radius:999px;padding:5px 11px;font-size:.7rem;font-weight:600;display:inline-block}.badge-danger{color:#ff667f;background:#ff23571a;border:1px solid #ff667f33}.badge-warning{color:#fef3c6;background:#f99c001a;border:1px solid #fcbb0040}.badge-primary{color:#77d4ff;background:#00a5ef1f;border:1px solid #00bcfe40}.badge-strong{color:#d0fae5;background:#00d3941a;border:1px solid #00d39440}.hash-value{color:#f1f5f9;white-space:pre-wrap;word-break:break-word;background:#020618cc;border:1px solid #ffffff1a;border-radius:1rem;flex-grow:1;min-height:96px;margin:0;padding:16px;font-size:.85rem}.hash-meta{color:var(--slate-400);justify-content:space-between;gap:12px;margin-top:14px;font-size:.85rem;display:flex}.verify-layout{grid-template-columns:1fr .95fr;gap:22px;display:grid}.result-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#020618b3;border:1px solid #ffffff1a;border-radius:1.75rem;flex-direction:column;padding:26px;display:flex;box-shadow:0 20px 80px #02061759}.result-card.match{border-color:#00d3944d;box-shadow:0 0 0 1px #00d3941f,0 20px 80px #02061759}.result-card.no-match{border-color:#ff667f4d;box-shadow:0 0 0 1px #ff667f1f,0 20px 80px #02061759}.result-header h3{color:#fff;margin:0;font-size:1.7rem}.result-copy{color:var(--slate-300);margin:0 0 18px;font-size:.95rem;line-height:1.65}.result-copy.match{color:#d0fae5}.result-copy.no-match{color:#ffe4e6}.result-output{flex-direction:column;gap:10px;display:flex}.result-output .output-label{margin-top:6px}.output-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:600}.result-output pre{color:#f1f5f9;white-space:pre-wrap;word-break:break-word;background:#020618cc;border:1px solid #ffffff1a;border-radius:1rem;margin:0;padding:16px;font-size:.85rem}.result-card .btn{align-self:flex-start;margin-top:16px}.verify-inline{margin-top:16px}.btn-verify{gap:8px;width:100%;margin-top:14px}.btn-verify:disabled{opacity:.4;cursor:not-allowed;transform:none}.panel.flash .result-card{animation:1.4s verify-flash}@keyframes verify-flash{0%{border-color:#00bcfecc;box-shadow:0 0 0 3px #00bcfe59,0 20px 80px #02061759}to{box-shadow:0 20px 80px #02061759}}.digest-compare{flex-direction:column;gap:12px;margin-bottom:4px;display:flex}.digest-compare .output-label{margin-bottom:8px;display:block}.digest-line{word-break:break-all;color:#f1f5f9;background:#020618cc;border:1px solid #ffffff1a;border-radius:1rem;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7}.digest-line .c-match{color:#d0fae5}.digest-line .c-diff{color:#ff667f;background:#ff235724;border-radius:3px}.history-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.history-label{color:var(--slate-400);text-transform:uppercase;letter-spacing:.15em;margin-right:2px;font-size:.8rem;font-weight:600}.history-chip{color:var(--slate-300);background:#0f172bb3;border:1px solid #00bcfe33;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.history-chip:hover{color:#fff;background:#00a5ef1a;border-color:#00bcfe80}.history-chip .chip-alg{color:var(--accent);font-weight:600}.history-chip .chip-digest{font-family:JetBrains Mono,monospace}.dropzone{text-align:center;color:#cad5e2;cursor:pointer;background:#02061880;border:1.5px dashed #00bcfe59;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:52px 24px;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone:hover,.dropzone.drag-active{background:#0b142ab3;border-color:#00bcfeb3}.dropzone.drag-active{transform:scale(1.01)}.dropzone-icon{color:var(--accent)}.dropzone h3{color:#fff;margin:0;font-size:1.15rem}.dropzone p{color:var(--slate-400);margin:0;font-size:.92rem}.hidden-input{display:none}.file-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-top:18px;padding:16px 20px}.file-name{color:#fff;overflow-wrap:anywhere;margin:0;font-weight:600}.file-meta{color:var(--slate-400);margin:4px 0 0;font-size:.9rem}.app-footer{background:#0a0f1ee6;border-top:1px solid #ffffff0d;width:100%}.footer-inner{width:min(1280px,100%);color:var(--slate-400);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:32px clamp(16px,4vw,40px);font-size:.92rem;display:flex}.footer-left{align-items:center;gap:12px;display:flex}.footer-left p{margin:0}.footer-shield{color:#77d4ff;background:#00a5ef1a;border:1px solid #00a5ef33;border-radius:1rem;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.back-to-top{color:var(--slate-300);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:500;display:inline-flex}.back-to-top:hover{color:#fff}.toast{z-index:100;color:#e5f4ff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#020618e6;border:1px solid #00bcfe40;border-radius:999px;align-items:center;padding:14px 22px;font-size:.92rem;animation:.24s both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 28px 60px #02061780}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero-panel{grid-template-columns:1fr}.hash-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verify-layout{grid-template-columns:1fr}}@media (width<=767px){.app-shell{width:100%;padding:96px 16px max(40px, env(safe-area-inset-bottom));gap:40px}.top-nav{padding-top:max(10px, env(safe-area-inset-top));padding-bottom:10px}.top-nav-inner{grid-template-columns:auto 1fr auto;gap:12px;width:100%;padding:0 16px}.brand{justify-self:start}.nav-links{display:none}.nav-toggle{display:inline-flex}.panel-header{flex-direction:column}.panel-actions,.hero-actions{flex-direction:column;width:100%}.panel-actions .btn,.hero-actions .btn{width:100%}.hash-grid,.capability-grid,.tile-grid{grid-template-columns:1fr}.footer-inner{padding-bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start}.toast{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));text-align:center;justify-content:center;max-width:none}.input-area,.input-field{font-size:1rem}.hash-value{font-size:clamp(.82rem,3.4vw,.9rem)}.digest-line{font-size:clamp(.78rem,3.2vw,.85rem)}.result-header h3{font-size:clamp(1.35rem,7vw,1.7rem)}.hero-panel h1{font-size:clamp(2rem,9vw,2.75rem)}.hero-copy{font-size:1rem}}@media (width>=768px){.toast{max-width:420px}}