@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:wght@400;600;700;800&display=swap";
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf8f5;--white:#fff;--orange:#f47c2a;--orange-light:#fde8d4;--orange-dark:#d4621a;--text:#1a1a1a;--muted:#888;--border:#e8e8e8;--danger:#e53e3e;--display:"Bebas Neue", cursive;--body:"Nunito", sans-serif;--shadow:0 4px 24px #f47c2a26;--shadow-sm:0 2px 12px #00000014}:root.dark{--bg:#111;--white:#1a1a1a;--orange:#f47c2a;--orange-light:#2a1a0a;--orange-dark:#ff9a4a;--text:#e8e8e8;--muted:#666;--border:#2a2a2a;--shadow:0 4px 24px #0006;--shadow-sm:0 2px 12px #0000004d}body{background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh;transition:background .2s,color .2s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 28px,#f47c2a0a 28px 29px),repeating-linear-gradient(90deg,#0000,#0000 28px,#f47c2a0a 28px 29px);position:fixed;inset:0}input[type=password]{background:var(--bg);border:2px solid var(--border);width:100%;color:var(--text);font-family:var(--body);border-radius:12px;outline:none;padding:12px 18px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}:global(input[type="password"]){background:var(--bg);border:2px solid var(--border);width:100%;color:var(--text);font-family:var(--body);border-radius:12px;outline:none;padding:12px 18px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}input[type=password]:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f47c2a1a}input[type=password]::placeholder{color:#ccc;font-weight:400}@media (max-width:640px){.container{padding:20px 16px 60px!important}:global(.card){border-radius:16px;padding:20px 16px}:global(.expiry-row){flex-direction:column;gap:8px}:global(.expiry-input){width:100%}:global(.result-url){font-size:16px}:global(.qr-img){width:110px;height:110px}:global(.stats-grid){grid-template-columns:repeat(2,1fr);gap:10px}:global(.stat-value){font-size:28px}.footer{flex-direction:column;align-items:flex-start}.heroTitle{font-size:28px}.logo{font-size:32px}}@media (max-width:400px){:global(.card){padding:16px 12px}:global(.btn){padding:12px 20px;font-size:13px}:global(.copy-btn){padding:8px 14px;font-size:11px}:global(.stats-grid){grid-template-columns:repeat(2,1fr);gap:8px}:global(.stat-value){font-size:24px}:global(.stat-icon){font-size:22px}}
