:root{--bg:#070910;--bg-2:#0d1018;--surface:#ffffff0a;--surface-2:#ffffff12;--border:#ffffff14;--border-2:#ffffff24;--accent:#4f8eff;--accent-2:#8b5cf6;--accent-glow:#4f8eff40;--green:#22d3a0;--red:#ff5a5a;--amber:#fbbf24;--cyan:#06b6d4;--text:#f0f2f8;--text-2:#8b92a8;--text-3:#555d73;--font-head:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:16px;--radius-sm:10px;--shadow:0 24px 64px #00000080;--shadow-sm:0 8px 24px #0000004d;--transition:.28s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.bg-layers{pointer-events:none;z-index:0;position:fixed;inset:0}.aurora{filter:blur(80px);opacity:.1;will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}.aurora-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:700px;height:700px;animation:18s ease-in-out infinite alternate aurora-drift-1;top:-20%;left:-10%}.aurora-2{background:radial-gradient(circle, var(--accent-2) 0%, transparent 70%);width:600px;height:600px;animation:22s ease-in-out infinite alternate-reverse aurora-drift-2;bottom:-15%;right:-5%}.aurora-3{background:radial-gradient(circle, var(--cyan) 0%, transparent 70%);width:400px;height:400px;animation:14s ease-in-out infinite alternate aurora-drift-3;top:40%;left:50%}@keyframes aurora-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,-40px)scale(1.15)}}@keyframes aurora-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,50px)scale(1.2)}}@keyframes aurora-drift-3{0%{opacity:.12;transform:translate(0)scale(1)}to{opacity:.18;transform:translate(40px,-30px)scale(1.1)}}.light-ray{will-change:transform;background:linear-gradient(90deg,#0000,#4f8eff14,#0000);width:100%;height:1px;animation:10s linear infinite ray-move;position:absolute;transform:translateZ(0)}.ray-1{animation-duration:8s;animation-delay:0s;top:20%}.ray-2{opacity:.6;animation-duration:12s;animation-delay:2s;top:50%}.ray-3{opacity:.4;animation-duration:10s;animation-delay:4s;top:75%}@keyframes ray-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.bg-ambient-blur{-webkit-backdrop-filter:blur(1px);position:absolute;inset:0}.noise-overlay{z-index:1;pointer-events:none;opacity:.4;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.loader-screen{z-index:1000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loader-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:16px;animation:.8s both loader-fade-in;display:flex}@keyframes loader-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-icon-wrap{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.loader-icon{color:var(--accent);z-index:1;font-size:32px;position:relative}.loader-ring{border:2px solid #0000;border-top-color:var(--accent);border-right-color:var(--accent-2);border-radius:50%;animation:1s linear infinite loader-spin;position:absolute;inset:0}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader-brand{font-family:var(--font-head);letter-spacing:-1px;font-size:28px;font-weight:800}.loader-tagline{color:var(--text-2);font-size:14px;font-family:var(--font-mono)}.loader-bar-wrap{background:var(--surface-2);border-radius:99px;width:200px;height:3px;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:99px;width:0;height:100%;animation:1.4s ease-in-out infinite loader-bar}@keyframes loader-bar{0%{width:0;transform:translate(0)}50%{width:60%;transform:translate(30%)}to{width:0;transform:translate(100%)}}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#070910d9;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1120px;margin:0 auto;display:flex}.nav-brand{font-family:var(--font-head);align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-icon{color:var(--accent);font-size:22px}.brand-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:2px;animation:2s ease-in-out infinite dot-pulse;display:inline-block}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-2);transition:color var(--transition);font-size:14px;font-weight:500;position:relative}.nav-links a:hover{color:var(--text)}.nav-cta{border:1px solid var(--border-2);transition:all var(--transition);border-radius:99px;padding:8px 18px;position:relative;overflow:hidden;color:var(--text)!important;font-size:13px!important}.nav-cta:hover{background:var(--surface-2);border-color:var(--accent)}.nav-cta-glow{background:linear-gradient(45deg, var(--accent), var(--accent-2), var(--cyan));opacity:0;z-index:-1;filter:blur(4px);transition:opacity var(--transition);border-radius:99px;position:absolute;inset:-2px}.nav-cta:hover .nav-cta-glow{opacity:.4}.nav-toggle{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.hero{align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;contain:strict;position:absolute;inset:0}.orb{filter:blur(60px);opacity:.14;will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}.orb-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:600px;height:600px;animation:12s ease-in-out infinite alternate orb-drift;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle, var(--accent-2) 0%, transparent 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate-reverse orb-drift;bottom:-50px;right:-50px}.orb-3{background:radial-gradient(circle, var(--cyan) 0%, transparent 70%);width:350px;height:350px;animation:14s ease-in-out 2s infinite alternate orb-drift;top:30%;right:20%}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.1)}}.grid-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-beam{background:linear-gradient(#0000,#4f8eff0f,#0000);width:1px;height:60%;position:absolute;top:10%;transform:skew(-10deg)}.beam-left{left:15%}.beam-right{right:15%}#particles-canvas{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-content{z-index:2;max-width:720px;position:relative}.hero-badge{color:var(--accent);font-size:13px;font-family:var(--font-mono);background:#4f8eff14;border:1px solid #4f8eff4d;border-radius:99px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;animation:.6s both fade-up;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.hero-badge-pulse{border:2px solid var(--green);opacity:0;border-radius:50%;animation:2s ease-out infinite badge-pulse;position:absolute;inset:-3px}@keyframes badge-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}.hero-title{font-family:var(--font-head);letter-spacing:-2px;margin-bottom:24px;font-size:clamp(48px,7vw,88px);font-weight:800;line-height:1;animation:.6s .1s both fade-up}.hero-title-line{display:block}.accent-word{color:var(--accent);text-shadow:0 0 18px #4f8eff2e;display:inline-block}.hero-sub{color:var(--text-2);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7;animation:.6s .2s both fade-up}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:36px;animation:.6s .3s both fade-up;display:flex}.hero-stats{flex-wrap:wrap;align-items:center;gap:24px;animation:.6s .4s both fade-up;display:flex}.stat{flex-direction:column;display:flex}.stat-num{font-family:var(--font-head);color:var(--text);font-size:22px;font-weight:700}.stat-label{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}.stat-divider{background:var(--border);width:1px;height:36px}.magnetic-wrap{display:inline-block}.magnetic{will-change:transform;transition:transform .15s ease-out;display:inline-block;transform:translateZ(0)}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-body);transition:all var(--transition);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #6366f1 100%);color:#fff;box-shadow:0 4px 20px #4f8eff59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #4f8eff80}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{box-shadow:0 4px 20px #4f8eff59}.btn-ghost{color:var(--text);border:1px solid var(--border-2);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border-2)}.btn-outline:hover{border-color:var(--accent);background:#4f8eff14}.full-width{width:100%}.ripple{pointer-events:none;background:#ffffff40;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}.btn-primary{transition:all var(--transition), background-position .6s ease, box-shadow .3s ease;background-position:0%;background-size:200% 100%}.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 6px 28px #4f8eff80,0 0 40px #4f8eff26}.btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 2px 12px #4f8eff4d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-75%;transform:skew(-25deg)}.btn-primary:hover:before{left:125%}.btn-ghost{position:relative;overflow:hidden}.btn-ghost:before{content:"";border-radius:inherit;background:linear-gradient(135deg, transparent 30%, var(--accent) 50%, transparent 70%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;background-position:100% 100%;background-size:200% 200%;padding:1px;transition:opacity .4s,background-position .6s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-ghost:hover:before{opacity:1;background-position:0 0}.btn-outline{transition:all var(--transition), gap .2s ease}.btn-outline:hover{gap:12px}.btn-outline svg,.btn-outline .btn-icon{transition:transform .2s}.btn-outline:hover svg,.btn-outline:hover .btn-icon{transform:translate(3px)}.btn:after{transition:opacity .3s}.nav-links a{text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.nav-links a:hover:after{width:100%}.card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,0 0 30px #4f8eff0d}.card-border-glow{transition:opacity .4s,transform .4s}.card:hover .card-border-glow{opacity:.8;transform:scale(1.02)}.drop-zone{transition:border-color .3s,background .3s,box-shadow .3s}.drop-zone:hover{border-color:var(--accent);background:#4f8eff08;box-shadow:0 0 20px #4f8eff0f}.drop-zone.drag-over{border-color:var(--accent);background:#4f8eff0f;animation:1.5s ease-in-out infinite drop-zone-pulse;box-shadow:0 0 30px #4f8eff1a}@keyframes drop-zone-pulse{0%,to{box-shadow:0 0 20px #4f8eff14}50%{box-shadow:0 0 40px #4f8eff33}}.drop-icon-ring{transition:transform .3s,opacity .3s}.drop-zone:hover .drop-icon-ring{opacity:.6;transform:scale(1.15)}.code-input{transition:border-color .2s,box-shadow .2s,transform .15s}.code-input:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #4f8eff26,0 0 15px #4f8eff14}.code-input.filled{border-color:var(--accent);background:#4f8eff0f;animation:.3s cubic-bezier(.34,1.56,.64,1) code-fill-bounce}@keyframes code-fill-bounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.code-digit{transition:transform .2s,box-shadow .2s}.code-digit:hover{transform:scale(1.05)}.section-badge{transition:transform .2s,box-shadow .2s}.section-badge:hover{transform:scale(1.04);box-shadow:0 0 20px #4f8eff1a}.hero-badge-dot{animation:2s ease-in-out infinite hero-dot-pulse}@keyframes hero-dot-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.pulse-icon{animation:2s ease-in-out infinite icon-pulse;display:inline-block}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.4}}.scanner-line{animation:2s ease-in-out infinite scanner-line}@keyframes scanner-line{0%,to{opacity:.6;top:0}50%{opacity:1;top:100%}}.step-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.step-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001f}.step-card:hover .step-num{color:var(--accent);transform:scale(1.1)}.step-num{transition:color .3s,transform .3s}.footer-links a{transition:color .2s;position:relative}.footer-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-links a:hover:after{width:100%}.toast{animation:.35s cubic-bezier(.34,1.56,.64,1) toast-slide-in}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.copy-btn.copied{color:#22c55e;border-color:#22c55e}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:40%;height:100%;animation:2s ease-in-out infinite progress-shine;position:absolute;top:0;left:-100%}@keyframes progress-shine{0%{left:-100%}to{left:200%}}.section{z-index:1;content-visibility:auto;contain-intrinsic-size:800px;padding:100px 40px;position:relative}.section-alt{background:var(--bg-2)}.container{max-width:1120px;margin:0 auto}.section-header{text-align:center;margin-bottom:56px}.section-badge{color:var(--accent);font-size:12px;font-family:var(--font-mono);background:#4f8eff1a;border:1px solid #4f8eff33;border-radius:99px;margin-bottom:12px;padding:5px 14px;display:inline-block}.section-header h2{font-family:var(--font-head);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(28px,4vw,44px);font-weight:800}.section-header p{color:var(--text-2);max-width:500px;margin:0 auto;font-size:16px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow);transition:border-color var(--transition);background:#ffffff09;border-radius:20px;padding:32px;position:relative;overflow:hidden}.card:hover{border-color:var(--border-2)}.card-border-glow{pointer-events:none;background:radial-gradient(circle at 20% 30%,#4f8eff0a,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.send-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.upload-card{grid-column:1}.drop-zone{border:2px dashed var(--border-2);border-radius:var(--radius);transition:all var(--transition);overflow:hidden}.drop-zone.drag-over{border-color:var(--accent);background:#4f8eff0f;box-shadow:inset 0 0 30px #4f8eff0f}.drop-zone-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:52px 24px;display:flex}.drop-icon{width:56px;height:56px;color:var(--accent);opacity:.7;transition:all var(--transition);margin-bottom:4px;position:relative}.drop-icon-ring{border:1px solid #4f8eff26;border-radius:50%;animation:2s ease-in-out infinite ring-pulse;position:absolute;inset:-8px}@keyframes ring-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.drop-zone:hover .drop-icon{opacity:1;transform:translateY(-3px)}.drop-text{color:var(--text);font-size:16px;font-weight:600}.drop-sub{color:var(--text-3);font-size:13px}.drop-limit{color:var(--text-3);font-size:12px;font-family:var(--font-mono);margin-top:4px}.file-list{margin-top:20px}.file-list-header{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.clear-btn{color:var(--text-3);transition:color var(--transition);cursor:pointer;background:0 0;border:none;font-size:12px}.clear-btn:hover{color:var(--red)}.file-item{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:12px;animation:.3s both fade-up;display:flex}.file-item-icon{font-size:22px}.file-item-info{flex:1;min-width:0}.file-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.file-item-size{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.file-item-remove{color:var(--text-3);transition:all var(--transition);border-radius:6px;padding:4px 8px;font-size:14px}.file-item-remove:hover{color:var(--red);background:#ff5a5a1a}.upload-actions{margin-top:18px}.code-card{text-align:center;flex-direction:column;align-items:center;gap:20px;animation:.5s both fade-up;display:flex}.code-badge-wrap{align-items:center;gap:6px;display:flex}.code-badge-icon{font-size:16px}.code-badge{color:var(--green);font-size:12px;font-family:var(--font-mono);background:#22d3a01f;border-radius:99px;padding:5px 14px;display:inline-block}.code-sub{color:var(--text-2);font-size:13px}.code-display{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border-2);align-items:center;gap:8px;padding:20px 28px;display:flex;position:relative}.code-glow-pulse{border-radius:calc(var(--radius) + 4px);pointer-events:none;border:1px solid #4f8eff26;animation:2s ease-in-out infinite glow-pulse;position:absolute;inset:-4px}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}.code-digit{font-family:var(--font-mono);color:var(--accent);text-align:center;width:38px;font-size:36px;font-weight:500;animation:.4s cubic-bezier(.34,1.56,.64,1) both digit-pop}.code-sep{font-family:var(--font-mono);color:var(--border-2);margin:0 4px;font-size:28px}.code-sep-input{color:var(--border-2);font-size:24px}@keyframes digit-pop{0%{opacity:0;transform:scale(0)rotateY(90deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.code-digit:first-child{animation-delay:50ms}.code-digit:nth-child(2){animation-delay:.1s}.code-digit:nth-child(3){animation-delay:.15s}.code-digit:nth-child(5){animation-delay:.2s}.code-digit:nth-child(6){animation-delay:.25s}.code-digit:nth-child(7){animation-delay:.3s}.copy-btn{width:100%}.divider{width:100%;color:var(--text-3);align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.qr-container{border-radius:var(--radius);background:#fff;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}#qr-canvas{z-index:1;width:240px;height:240px;image-rendering:pixelated;display:block;position:relative}.qr-glow,.qr-scan-line{display:none}.expiry-timer{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.timer-icon{font-size:14px}.pulse-icon{animation:2s ease-in-out infinite icon-pulse}.expiry-timer strong{color:var(--amber);font-family:var(--font-mono)}.progress-card{grid-column:1/-1;position:relative}.progress-glow{background:linear-gradient(90deg, var(--accent), var(--accent-2));filter:blur(8px);opacity:.4;height:3px;animation:2s ease-in-out infinite glow-slide;position:absolute;bottom:0;left:0;right:0}@keyframes glow-slide{0%,to{opacity:.2}50%{opacity:.6}}.progress-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-label{font-size:14px;font-weight:600}.progress-pct{font-family:var(--font-mono);color:var(--accent);font-size:14px}.progress-bar-wrap{background:var(--surface-2);border-radius:99px;height:8px;margin-bottom:10px;position:relative;overflow:hidden}.progress-bar-wrap:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#ffffff05 4px 8px);animation:.8s linear infinite stripe-slide;position:absolute;inset:0}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:8px 0}}.progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 50%, var(--cyan) 100%);background-size:200% 100%;border-radius:99px;width:0%;height:100%;transition:width .2s ease-out;position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000) 0 0/200% 100%;animation:1.8s ease-in-out infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-meta{color:var(--text-3);font-size:12px;font-family:var(--font-mono);justify-content:space-between;display:flex}.transfer-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.transfer-particle{background:var(--accent);opacity:0;pointer-events:none;will-change:transform;border-radius:50%;width:4px;height:4px;animation:2s ease-out infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(0)}30%{opacity:.6}to{opacity:0;transform:translateY(-60px)scale(1.5)}}.receive-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;max-width:920px;margin:0 auto;display:grid}.receive-card{flex-direction:column;gap:20px;display:flex}.receive-inputs{flex-direction:column;gap:14px;display:flex}.code-input-group{justify-content:center;align-items:center;gap:8px;display:flex}.code-input{text-align:center;width:52px;height:62px;font-family:var(--font-mono);color:var(--text);background:var(--bg);border:2px solid var(--border-2);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);outline:none;font-size:28px;font-weight:500}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.code-input.filled{color:var(--accent);border-color:#4f8eff66}.or-label{text-align:center;color:var(--text-3);font-size:13px}.recv-file-preview{border-radius:var(--radius-sm);background:#22d3a00f;border:1px solid #22d3a033;align-items:center;gap:14px;padding:16px;transition:all .3s;animation:.4s both fade-up;display:flex}.recv-file-preview:hover{background:#22d3a01a;border-color:#22d3a080;box-shadow:0 4px 20px #22d3a01a}.rfp-icon{font-size:28px}.rfp-details{flex:1;min-width:0}.rfp-details span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.rfp-details small{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}.rfp-download-btn{transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.rfp-download-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 6px 24px #22d3a066}.rfp-download-btn:active{transform:scale(.96)}.rfp-download-btn:before{content:"";background:linear-gradient(135deg, var(--green), var(--accent));opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.rfp-download-btn:hover:before{opacity:1}.rfp-download-btn .btn-text{z-index:1;transition:transform .3s;position:relative}.rfp-download-btn:hover .btn-text{transform:translate(3px)}.rfp-download-btn .btn-icon{transition:transform .3s;display:inline-block}.rfp-download-btn:hover .btn-icon{transform:translateY(2px)scale(1.2)}.qr-scanner-card{flex-direction:column;gap:16px;animation:.4s both fade-up;display:flex}.scanner-header{justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.close-scanner{background:var(--surface-2);width:30px;height:30px;color:var(--text-2);transition:all var(--transition);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;font-size:14px;display:flex}.close-scanner:hover{color:var(--red);background:#ff5a5a26}.scanner-viewport{border-radius:var(--radius);aspect-ratio:1;background:#000;position:relative;overflow:hidden}#qr-video{object-fit:cover;width:100%;height:100%;display:block}.scanner-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;border:2px solid var(--accent);border-radius:12px;width:60%;box-shadow:0 0 0 1000px #00000080}.scanner-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);will-change:transform;width:60%;height:2px;animation:2.8s ease-in-out infinite scanner-line-move;position:absolute;left:20%}@keyframes scanner-line-move{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}.scanner-hint{color:var(--text-3);text-align:center;font-size:13px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--surface);border:1px solid var(--border);transition:all var(--transition);border-radius:20px;padding:32px;position:relative;overflow:hidden}.step-card-glow{pointer-events:none;background:radial-gradient(circle at 30% 20%,#4f8eff0a,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.step-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.step-num{font-family:var(--font-mono);color:var(--accent);background:#4f8eff1a;border:1px solid #4f8eff33;border-radius:99px;width:fit-content;margin-bottom:20px;padding:5px 12px;font-size:13px;display:block}.step-card h3{font-family:var(--font-head);margin-bottom:10px;font-size:22px;font-weight:700}.step-card p{color:var(--text-2);font-size:14px;line-height:1.65}.send-grid>.card,.receive-grid>.card{height:100%}.trust-section{padding:40px 40px 60px}.trust-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:960px;margin:0 auto;display:flex}.trust-item{background:var(--surface);border:1px solid var(--border);color:var(--text-2);transition:all var(--transition);border-radius:99px;padding:8px 18px;font-size:13px}.trust-item:hover{border-color:var(--accent);color:var(--text);background:#4f8eff0f}.footer{border-top:1px solid var(--border);text-align:center;z-index:1;padding:40px;position:relative}.footer-inner{flex-direction:column;align-items:center;gap:8px;max-width:1120px;margin:0 auto;display:flex;position:relative}.footer-glow-line{background:linear-gradient(90deg,#0000,#4f8eff4d,#0000);width:200px;height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.footer-brand{font-family:var(--font-head);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.footer-links{gap:20px;margin:8px 0;display:flex}.footer-links a{color:var(--text-3);transition:color var(--transition);font-size:13px}.footer-links a:hover{color:var(--accent)}.footer-note{color:var(--text-3);font-size:13px}.footer-copy{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}#toast-container{z-index:999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:24px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:all;will-change:transform;background:#070910e6;align-items:center;gap:10px;max-width:320px;padding:14px 18px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.34,1.56,.64,1) both toast-in;display:flex}.toast.removing{animation:.3s both toast-out}.toast-success{color:var(--green);background:#22d3a026;border:1px solid #22d3a04d}.toast-error{color:var(--red);background:#ff5a5a26;border:1px solid #ff5a5a4d}.toast-info{color:var(--accent);background:#4f8eff26;border:1px solid #4f8eff4d}.toast-loading{color:var(--amber);background:#fbbf241f;border:1px solid #fbbf2440}.toast-icon{font-size:16px}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(120%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-visual{display:none}.hero-content{max-width:100%}.send-grid{grid-template-columns:1fr}.progress-card{grid-column:1}.receive-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav{padding:16px 20px}.nav-links{-webkit-backdrop-filter:blur(12px);will-change:right;background:#070910fa;flex-direction:column;align-items:flex-start;gap:24px;width:240px;height:100vh;padding:80px 30px;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-toggle{display:flex}.hero{padding:100px 20px 60px}.section{padding:60px 20px}.steps-grid{grid-template-columns:1fr}.code-input{width:44px;height:54px;font-size:24px}.code-digit{width:30px;font-size:28px}.receive-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-stats{flex-wrap:wrap;gap:14px}.hero-actions{flex-direction:column}.btn{justify-content:center;width:100%}.hero-actions .btn{justify-content:initial;width:auto}.code-digit{width:26px;font-size:24px}.code-display{padding:14px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.aurora,.orb,.light-ray,.qr-scan-line,.scanner-line{display:none}}canvas,.particle-container,.hero-section{will-change:transform;backface-visibility:hidden}.magnetic-wrapper,.btn,.toast,.progress-card,.code-card{will-change:transform, opacity;backface-visibility:hidden}#live,#stats-section,footer,.features-section{content-visibility:auto;contain-intrinsic-size:500px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}@media (hover:hover){.btn:hover,.magnetic-wrapper:hover{transition:transform .15s cubic-bezier(.25,.46,.45,.94),opacity .15s}}body{background:radial-gradient(circle at 0 0,#4f8eff1a,#0000 34%),radial-gradient(circle at 100% 100%,#2dd4bf14,#0000 30%),linear-gradient(#090b12 0%,#0e1320 58%,#090b12 100%)}.bg-layers .aurora,.bg-layers .light-ray,.bg-layers .bg-ambient-blur,.noise-overlay,#particles-canvas,.hero-visual,.connection-lines,.fc-glow,.transfer-particles,.qr-glow,.qr-scan-line,.scanner-line,.tv-orbit-glow,.tv-pulse-ring{display:none!important}.nav,.card,.loader-screen,.nav-links{-webkit-backdrop-filter:blur(6px)}.hero-bg,.hero,.section,.card,.floating-card,.step-card,.transfer-viz-card{box-shadow:none}.hero-bg .grid-overlay,.bg-layers .bg-grid{opacity:.28}.hero-content{max-width:700px}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%)}.card{background:#ffffff08}.nav{background:#090b12c7}.hero-title,.hero-sub,.hero-actions,.hero-stats,.section-header,.code-card,.recv-file-preview,.accent-word{will-change:auto}.floating-card,.orb,.aurora,.light-ray,.hero-badge-pulse,.brand-dot,.loader-ring,.loader-bar,.drop-icon-ring,.code-glow-pulse,.progress-glow{animation-duration:0s!important}.low-performance .aurora,.low-performance .light-ray,.low-performance .orb,.low-performance .hero-visual,.low-performance .bg-ambient-blur,.low-performance .fc-glow,.low-performance .transfer-particle{display:none!important}.low-performance .nav,.low-performance .card,.low-performance .loader-screen,.low-performance .nav-links{-webkit-backdrop-filter:none!important}.low-performance .hero,.low-performance .section,.low-performance .card,.low-performance .floating-card{box-shadow:none}.low-performance .hero-badge-pulse,.low-performance .brand-dot,.low-performance .loader-ring,.low-performance .loader-bar,.low-performance .qr-glow,.low-performance .qr-scan-line,.low-performance .pulse-icon,.low-performance .progress-glow,.low-performance .scanner-line,.low-performance .tv-orbit-dot-1,.low-performance .tv-orbit-dot-2,.low-performance .tv-orbit-dot-3,.low-performance .tv-pr-1,.low-performance .tv-pr-2,.low-performance .tv-pr-3{animation:none!important}.low-performance #particles-canvas{opacity:.55}
