:root{--brand:#6366f1;--brand-2:#ec4899;--brand-3:#06b6d4;--grad:linear-gradient(135deg, #6366f1 0%, #8b5cf6 45%, #ec4899 100%);--grad-soft:linear-gradient(135deg, #6366f11f, #ec48991f);--glass-bg:#ffffffa6;--glass-border:#ffffff80;--shadow-lg:0 20px 50px -20px #0f172a40}[data-bs-theme=dark]{--glass-bg:#1e20308c;--glass-border:#ffffff14;--shadow-lg:0 20px 50px -20px #0009}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 10% -10%, #6366f12e, transparent 60%), radial-gradient(900px 500px at 100% 10%, #ec489924, transparent 60%), var(--bs-body-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}[data-bs-theme=dark] body{background:radial-gradient(1200px 600px at 10% -10%,#6366f140,#0000 60%),radial-gradient(900px 500px at 100% 10%,#ec48992e,#0000 60%),#0b0d1a}h1,h2,h3,.section-title{letter-spacing:-.02em;font-family:Space Grotesk,Inter,sans-serif}.section-title{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.glass-nav{-webkit-backdrop-filter:saturate(150%)blur(14px);backdrop-filter:saturate(150%)blur(14px);background:color-mix(in oklab, var(--bs-body-bg) 70%, transparent);border-bottom:1px solid var(--bs-border-color-translucent)}.brand-badge{background:var(--grad);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;display:inline-flex;box-shadow:0 8px 20px -8px #6366f1b3}.btn-ghost{border:1px solid var(--bs-border-color-translucent);background:0 0}.btn-ghost:hover{background:var(--bs-tertiary-bg)}.hero{padding:4rem 0 3rem;position:relative;overflow:hidden}.hero-glow{background:var(--grad);filter:blur(120px);opacity:.35;z-index:0;height:380px;position:absolute;inset:-20% 40% auto -10%}.hero-title{font-weight:800;line-height:1.05}.badge-soft{background:var(--grad-soft);color:var(--bs-emphasis-color);border:1px solid var(--bs-border-color-translucent);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.hero-card{display:inline-block}.hero-qr{justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto;display:flex}.hero-qr canvas,.hero-qr svg,.hero-qr img{border-radius:12px;max-width:100%;height:auto}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border-radius:20px;transition:transform .25s,box-shadow .25s}.tool-card{cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;align-items:flex-start;gap:.8rem;height:100%;padding:1.1rem;transition:all .2s;display:flex}.tool-card:hover{border-color:color-mix(in oklab, var(--brand) 50%, transparent);transform:translateY(-3px)}.tool-card.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 25%, transparent)}.tool-icon{color:#fff;background:var(--grad);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:inline-flex}.tool-card h6{margin:0 0 2px;font-weight:600}.tool-card small{color:var(--bs-secondary-color)}.tool-card-v2{cursor:pointer;color:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;width:100%;height:100%;min-height:180px;padding:1.5rem;text-decoration:none;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -12px #14143273}.tool-card-v2:hover{filter:brightness(1.05);transform:translateY(-4px);box-shadow:0 18px 34px -14px #1414328c}.tool-card-v2.active{outline-offset:-3px;box-shadow:0 0 0 4px color-mix(in oklab, var(--brand) 35%, transparent), 0 18px 34px -14px #1414328c;outline:3px solid #ffffffd9}.tool-card-v2__text{z-index:2;text-align:left;width:100%;max-width:calc(100% - 90px);position:relative}.tool-card-v2__text h5{color:#fff;letter-spacing:-.01em;text-align:left;margin:0 0 .4rem;font-size:1.35rem;font-weight:800;line-height:1.2}.tool-card-v2__text small{color:#ffffffeb;text-align:left;font-size:.92rem;line-height:1.4;display:block}.tool-card-v2__bgicon{color:#ffffff38;pointer-events:none;font-size:7.5rem;line-height:1;position:absolute;bottom:-18px;right:-10px;transform:rotate(-8deg)}@media (width<=575.98px){.tool-card-v2{min-height:160px;padding:1.25rem}.tool-card-v2__text h5{font-size:1.2rem}}.btn-primary{background:var(--grad);border:none;box-shadow:0 8px 20px -10px #6366f1cc}.btn-primary:hover,.btn-primary:focus{background:var(--grad);filter:brightness(1.05)}.btn-glow{position:relative}.btn-glow:after{content:"";border-radius:inherit;background:var(--grad);filter:blur(14px);opacity:.45;z-index:-1;position:absolute;inset:-2px}.qr-preview{background:linear-gradient(135deg, #6366f10f, #ec48990f), repeating-conic-gradient(var(--bs-tertiary-bg) 0% 25%, transparent 0% 50%) 50% / 20px 20px;border:1px dashed var(--bs-border-color);border-radius:16px;justify-content:center;align-items:center;min-height:280px;padding:1rem;display:flex}.qr-preview canvas,.qr-preview img,.qr-preview svg{border-radius:12px;max-width:100%;height:auto;animation:.35s pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scanner-box{background:var(--bs-tertiary-bg);border:1px dashed var(--bs-border-color);border-radius:16px;min-height:260px;overflow:hidden}.scanner-box video{border-radius:16px}.upload-drop{border:2px dashed var(--bs-border-color);cursor:pointer;min-height:220px;color:var(--bs-secondary-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.upload-drop:hover,.upload-drop.dragover{border-color:var(--brand);background:var(--grad-soft)}.history-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.history-item code{word-break:break-all;font-size:.85rem}.history-meta{color:var(--bs-secondary-color);font-size:.75rem}.footer{border-top:1px solid var(--bs-border-color-translucent)}.social-link{width:36px;height:36px;color:var(--bs-body-color);border:1px solid var(--bs-border-color-translucent);border-radius:10px;justify-content:center;align-items:center;margin-left:.35rem;text-decoration:none;transition:all .2s;display:inline-flex}.social-link:hover{background:var(--grad);color:#fff;border-color:#0000}@media (width<=767px){.hero{padding:2rem 0}.hero-qr{width:180px;height:180px}}.share-block{border-top:1px solid #0f172a14;padding-top:12px}.share-btn{color:#fff;border:1px solid #0000;font-weight:500;transition:transform .12s,filter .12s}.share-btn:hover:not(:disabled){filter:brightness(1.05);color:#fff;transform:translateY(-1px)}.share-btn:disabled{opacity:.55}.share-fb{background:#1877f2}.share-wa{background:#25d366}.share-tg{background:#229ed9}.share-x{background:#0f172a}.floating-icons-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.floating-icon{color:#6366f1;filter:drop-shadow(0 4px 12px #6366f140);will-change:transform, opacity;animation-name:floatDrift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.floating-icon:nth-child(3n){color:#8b5cf6}.floating-icon:nth-child(3n+1){color:#06b6d4}.floating-icon:nth-child(5n){color:#ec4899}.floating-icon:nth-child(7n){color:#f59e0b}@keyframes floatDrift{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(30px,-40px)rotate(180deg)scale(1.1)}to{transform:translate(-25px,35px)rotate(360deg)scale(.95)}}.navbar,main,footer,section,.container{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.floating-icon{animation:none}}.nav-pill-group{background:linear-gradient(135deg,#ff3d6e 0%,#ff5722 50%,#ff9a3c 100%);border-radius:999px;padding:6px;box-shadow:0 8px 24px -8px #ff3d6e8c,inset 0 0 0 1px #ffffff40}.nav-pill{white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;font-size:.9rem;font-weight:600;transition:all .25s;color:#fff!important;padding:8px 14px!important;display:inline-flex!important}.nav-pill:hover{background:#fff3;transform:translateY(-1px)}.nav-pill.active,.nav-pill:focus-visible{background:#fffffff2;box-shadow:0 4px 12px #00000026;color:#d6336c!important}.nav-pill-theme{background:#fffffff2;justify-content:center;width:38px;height:38px;font-size:1rem;color:#d6336c!important;padding:0!important}.nav-pill-theme:hover{background:#fff;transform:rotate(-15deg)scale(1.08)}@media (width<=575px){.nav-pill span{display:none}.nav-pill{padding:8px 10px!important}}.trust-badges{flex-wrap:wrap;gap:8px;display:flex}.trust-badge{color:#0f172a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.trust-badge i{color:#0000;background:linear-gradient(135deg,#7c5cff,#ff4d8d);-webkit-background-clip:text;background-clip:text;font-size:.9rem}[data-theme=dark] .trust-badge{color:#e2e8f0;background:#1e293b99;border-color:#ffffff14}.steps-section{background:linear-gradient(180deg, #ffffffb8 0%, var(--bs-body-bg) 100%);border-top:1px solid var(--bs-border-color-translucent);border-bottom:1px solid var(--bs-border-color-translucent);position:relative}[data-bs-theme=dark] .steps-section{background:linear-gradient(180deg, #1e20308c 0%, var(--bs-body-bg) 100%)}.steps-title{letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.steps-title .highlight{color:#22c55e}.step-card{text-align:center;padding:1.5rem 1rem;position:relative}.step-icon{color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;font-size:2rem;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;box-shadow:0 16px 32px -12px #00000038}.step-card:hover .step-icon{transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000004d}.step-icon:after{content:"";z-index:1;background:#ffffff38;border-radius:50%;position:absolute;inset:18px}.step-icon i{z-index:2;position:relative}.step-icon.green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.step-icon.purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.step-icon.blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.step-card h4{color:var(--bs-emphasis-color);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.step-card p{color:var(--bs-secondary-color);max-width:280px;margin-bottom:0;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.55}.step-connector{border-top:2px dashed var(--bs-border-color);z-index:0;width:calc(100% - 100px);height:2px;position:absolute;top:64px;left:calc(50% + 50px)}.step-connector:after{content:"";background:var(--bs-border-color);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:0}@media (width<=767.98px){.steps-title{text-align:center}.step-card{text-align:center;padding:1rem .5rem}.step-card p{max-width:100%}.step-connector{display:none}}