@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.landing-root{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.navbar{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a192d99,#0a192d33);border-bottom:1px solid #ffffff08;width:100%;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex}.nav-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{width:36px}.nav-title{color:var(--neon-blue);font-family:Orbitron,sans-serif;font-weight:700}.nav-links{align-items:center;gap:12px;display:flex}.nav-link{color:#ffffffd9;border-radius:8px;padding:8px 12px;text-decoration:none}.btn-small{color:#fff;background:linear-gradient(90deg,#0a84ff,#24ff8a)}.hero{justify-content:space-between;align-items:center;gap:32px;padding:36px 0;display:flex}.hero-left{flex:520px}.hero-right{flex:0 420px;justify-content:center;display:flex}.hero-title{color:#fff;margin:0 0 12px;font-family:Orbitron,sans-serif;font-size:2.6rem;line-height:1.02}.accent-blue{color:var(--neon-blue)}.accent-green{color:var(--neon-green)}.hero-sub{color:#fffc;margin-bottom:18px;font-size:1.05rem}.hero-ctas{gap:14px;margin-bottom:18px;display:flex}.btn-primary{color:#fff;background:linear-gradient(90deg,#0a84ff,#24ff8a);border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none}.btn-ghost{color:#ffffffe6;background:0 0;border:1px solid #ffffff0a;border-radius:12px;padding:12px 18px;text-decoration:none}.trust-row{gap:10px;margin-top:10px;display:flex}.trust-pill{color:#fffc;background:#ffffff08;border-radius:8px;padding:6px 10px;font-size:.9rem}.device-mockup{flex-direction:column;align-items:center;gap:12px;width:320px;display:flex}.mock-logo{opacity:.95;width:120px}.mock-screen{background:linear-gradient(#ffffff05,#0000000f);border:1px solid #ffffff0a;border-radius:16px;justify-content:center;align-items:center;width:320px;height:220px;display:flex;box-shadow:0 10px 30px #0009}.mock-screen-inner{text-align:center;color:#fffc;padding:12px}.mock-preview{background:linear-gradient(90deg,#00a4ff0f,#24ff8a08);border-radius:10px;width:240px;height:110px;margin:12px auto}.features{padding:28px 0}.section-title{color:var(--neon-blue);margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:1.4rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.feature-card{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;padding:16px}.feature-icon{margin-bottom:8px;font-size:22px}.architecture{text-align:center;padding:28px 0}.arch-image-wrap{justify-content:center;display:flex}.arch-image{border:1px solid #ffffff0a;border-radius:10px;width:860px;max-width:100%}.cta-bottom{text-align:center;padding:28px 0}.btn-primary.wide{padding:14px 28px;font-size:1.05rem}.landing-footer{color:#fff9;text-align:center;margin-top:30px;padding:18px 0}@media(max-width:980px){.hero{flex-direction:column-reverse;gap:18px}.arch-image{width:100%;max-width:520px}.features-grid{grid-template-columns:1fr}.device-mockup,.hero-right{width:100%}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.break-all{word-break:break-all}:root{--bg-deep:#071229;--bg-mid:#0a1b33;--neon-blue:#00a4ff;--neon-green:#24ff8a;--accent:linear-gradient(135deg,#0057ff,#00e676);--glass:#ffffff0a;--glass-2:#ffffff0f;--muted:#ffffffbf}html,body{background:radial-gradient(circle at top,var(--bg-mid),#000814 80%);color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;font-family:Poppins,sans-serif}.app-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2.25rem;display:flex}.theme-toggle{z-index:60;position:fixed;top:18px;right:18px}.theme-button{background:var(--glass-2);cursor:pointer;border:1px solid #ffffff0f;border-radius:10px;padding:8px 10px;font-size:16px;transition:transform .15s,background .15s}.theme-button:hover{transform:translateY(-2px)}.header{text-align:center;margin-top:10px}.logo{width:160px;margin:0 auto 8px;display:block}.title{margin:0;font-family:Orbitron,sans-serif;font-size:2.8rem;line-height:1}.proof-text{color:var(--neon-blue);margin-right:6px}.chain-text{color:var(--neon-green)}.tagline{color:#9ee7c9;margin-top:6px;font-size:1rem}.card-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff05,#0000000d);border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:540px;padding:22px;box-shadow:0 12px 40px #0009}.upload-area{cursor:pointer;background:linear-gradient(#ffffff03,#ffffff03);border:2px dashed #24ff8a1f;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:90%;padding:18px;transition:all .18s;display:flex}.upload-area:hover{transform:translateY(-3px)}.upload-area.drag-over{border-color:#24ff8a8c;box-shadow:0 6px 40px #24ff8a0d,inset 0 0 30px #00a4ff05}.upload-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-visual{width:64px;height:64px;color:var(--neon-blue);background:linear-gradient(135deg,#00a4ff14,#24ff8a0f);border-radius:12px;justify-content:center;align-items:center;margin-bottom:6px;font-size:26px;display:flex}.upload-title{font-size:1.05rem;font-weight:700}.upload-subtitle{color:#ffffffb3;text-align:center;font-size:.9rem}.upload-actions{gap:10px;margin-top:8px;display:flex}.btn-outline{color:var(--neon-blue);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:10px;padding:8px 12px;font-weight:600}.btn-ghost{color:#ffffffd9;cursor:pointer;background:#ffffff05;border:none;border-radius:10px;padding:8px 12px}.file-selected{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.file-meta{align-items:center;gap:12px;display:flex}.file-thumb{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.file-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.file-info{flex-direction:column;gap:4px;display:flex}.file-name{color:var(--neon-blue);font-weight:700}.file-size{color:#ffffffbf;font-size:.9rem}.file-status{color:var(--neon-green);font-size:.9rem;font-weight:600}.controls-row{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.analyze-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0a84ff,#24ff8a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;font-weight:700;transition:transform .12s,opacity .12s;display:flex;box-shadow:0 8px 28px #0088ff14}.analyze-btn:hover{transform:translateY(-3px)}.analyze-btn.disabled{opacity:.55;cursor:not-allowed;transform:none}.loading-wrap{align-items:center;gap:10px;display:inline-flex}.spinner{background:radial-gradient(circle at 30% 30%,#fff,#ffffff0d);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spinPulse;box-shadow:0 0 12px #00a4ff99}@keyframes spinPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.9)}}.result-area{margin-top:14px}.result-card{background:linear-gradient(#00000040,#ffffff05);border:1px solid #ffffff0f;border-radius:10px;padding:12px}.result-card.success{border-left:4px solid var(--neon-green)}.result-card.error{color:#ffc9b0;border-left:4px solid #ff9b64}.result-area .msg{color:var(--neon-green)}.hash{background:#ffffff08;border-radius:6px;padding:4px 8px;display:inline-block}.footer{opacity:.6;margin-top:18px;font-size:.9rem}html.light body{background:linear-gradient(circle at top,#f6f9fc,#e9f2fb 80%);color:#0a1b2f}html.light .card-container{color:#0a1b2f;background:#fff;border:1px solid #0a1b330a;box-shadow:0 6px 20px #0a1b330f}@media(max-width:768px){.card-container{max-width:94%;padding:16px}.title{font-size:2.1rem}.upload-visual{display:none}.upload-actions{flex-wrap:wrap;gap:8px;display:flex}.file-thumb{width:56px;height:56px}.controls-row{margin-top:12px}.theme-button{transform:scale(.9)}.hash{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;max-width:100%;font-size:12px}.upload-area{width:85%}.file-name{color:var(--neon-blue);word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;font-weight:700}}.history-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;padding:16px}.history-title{color:var(--neon-blue);margin-bottom:10px;font-size:1.2rem;font-weight:600}.history-list{flex-direction:column;gap:10px;display:flex}.history-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.hist-hash{opacity:.7;word-break:break-all;max-width:240px;font-size:.7rem}.hist-time{opacity:.6;font-size:.75rem}.qr-thumb{background:#fff;border-radius:6px;width:48px;height:48px;padding:4px}@keyframes neonPulse{0%{box-shadow:0 0 6px #24ff8a66}50%{box-shadow:0 0 18px #24ff8ab3}to{box-shadow:0 0 6px #24ff8a66}}.glow{animation:2s ease-in-out infinite neonPulse}.glow-blue{animation:2s ease-in-out infinite neonPulse;box-shadow:0 0 10px #00a4ff66}.upload-area{animation:3s infinite neonPulse}.analyze-btn:hover{animation:1.5s infinite neonPulse}.history-item:hover{animation:2s infinite neonPulse}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d) 0 0/200%;border-radius:10px;height:60px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
