@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-deep:#050510;--bg-base:#0a0a1a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-hover:#ffffff2e;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-pink:#f472b6;--text-primary:#f0f0ff;--text-secondary:#9090b0;--text-muted:#5050708;--gradient-main:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));--gradient-hero:linear-gradient(135deg, #1a1a3e 0%, #0a0a1a 50%, #1a0a2e 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 24px 64px #0009;--shadow-glow:0 0 40px #a78bfa26;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--font-body:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;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,textarea,select{font-family:inherit}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:.12;border-radius:50%;animation:20s ease-in-out infinite alternate orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#7c3aed,#0000);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#2563eb,#0000);width:500px;height:500px;animation-delay:-7s;top:30%;right:-150px}.orb-3{background:radial-gradient(circle,#7c3aed,#0000);width:400px;height:400px;animation-delay:-14s;bottom:-100px;left:40%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(30px,-40px)scale(1.08)}}.grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px)}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:100;transition:var(--transition-slow);border-bottom:1px solid #0000;padding:16px 32px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-color:var(--border);-webkit-backdrop-filter:blur(20px);background:#050510d9}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:-.3px;font-size:16px;font-weight:700}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition);padding:8px 16px;font-size:14px}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.btn-nav{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);transition:var(--transition);padding:8px 20px;font-size:14px;font-weight:500}.btn-nav:hover{border-color:var(--accent-purple);background:#a78bfa1a}.hero{z-index:1;align-items:center;gap:60px;max-width:1280px;min-height:100vh;margin:0 auto;padding:120px 32px 80px;display:flex;position:relative}.hero-content{flex:1;max-width:600px}.hero-badge{color:var(--accent-purple);background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent-purple);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:24px;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.05}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:18px;line-height:1.6}.hero-cta{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:56px;display:flex}.btn-primary{color:#fff;background:var(--gradient-main);border-radius:var(--radius-md);transition:var(--transition);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 32px #a78bfa4d}.btn-primary:after{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 48px #a78bfa73}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.hero-wallets{align-items:center;gap:10px;display:flex}.wallet-badge{opacity:.75;height:38px;transition:var(--transition);filter:drop-shadow(0 0 8px #ffffff1a)}.wallet-badge:hover{opacity:1;transform:translateY(-2px)}.hero-stats{align-items:center;gap:24px;display:flex}.stat{text-align:center}.stat-num{font-family:var(--font-display);background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;display:block}.stat-label{color:var(--text-secondary);letter-spacing:.5px;font-size:12px;display:block}.stat-divider{background:var(--border);width:1px;height:36px}.hero-visual{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.floating-pass-stack{width:300px;height:400px;position:relative}.pass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;justify-content:flex-end;width:280px;height:170px;padding:20px;display:flex;position:absolute}.demo-card-1{z-index:1;background:linear-gradient(135deg,#1a1a2e,#16213e);animation:6s ease-in-out infinite alternate floatCard1;top:0;left:0;transform:rotate(-6deg)translateY(20px)}.demo-card-2{z-index:2;background:linear-gradient(135deg,#2d1b69,#1e1b4b);animation:7s ease-in-out infinite alternate floatCard2;top:40px;left:20px;transform:rotate(-1deg)}.demo-card-3{z-index:3;background:linear-gradient(135deg,#0f4c75,#1b262c);animation:8s ease-in-out infinite alternate floatCard3;top:80px;left:10px;transform:rotate(5deg)translateY(-10px)}@keyframes floatCard1{0%{transform:rotate(-6deg)translateY(20px)}to{transform:rotate(-8deg)translateY(10px)}}@keyframes floatCard2{0%{transform:rotate(-1deg)}to{transform:rotate(-3deg)translateY(8px)}}@keyframes floatCard3{0%{transform:rotate(5deg)translateY(-10px)}to{transform:rotate(3deg)translateY(-20px)}}.demo-card-logo{margin-bottom:8px;font-size:28px}.demo-card-title{color:#ffffffe6;font-size:14px;font-weight:600}.main-app{z-index:1;padding:40px 32px 80px;position:relative}.app-container{grid-template-columns:1fr 1fr;align-items:start;gap:32px;max-width:1280px;margin:0 auto;display:grid}.form-section{padding:36px}.section-header{margin-bottom:28px}.section-header.center{text-align:center}.section-title{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:700}.section-sub{color:var(--text-secondary);font-size:14px}.field-group{margin-bottom:20px}.field-label{color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.label-optional{color:var(--text-muted,#505070);text-transform:none;font-size:11px;font-weight:400}.label-required{color:var(--accent-pink)}.field-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.field-header .field-label{margin-bottom:0}.field-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.field-row .field-group{margin-bottom:0}.event-fields{margin-bottom:20px}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);appearance:none;background:#ffffff0a;outline:none;padding:11px 14px;font-size:14px}.field-input:focus{border-color:var(--accent-purple);background:#a78bfa0f;box-shadow:0 0 0 3px #a78bfa1f}.field-input::placeholder{color:#ffffff40}.field-textarea{resize:vertical;min-height:90px}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:#a78bfa08;border:2px dashed #a78bfa40;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;padding:32px 24px;display:flex;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-purple);background:#a78bfa14;transform:scale(1.01)}.upload-icon{color:var(--accent-purple);opacity:.7;transition:var(--transition);margin-bottom:4px}.upload-zone:hover .upload-icon{opacity:1;transform:translateY(-3px)}.upload-primary{color:var(--text-primary);font-size:15px;font-weight:500}.upload-secondary{color:var(--text-secondary);font-size:13px}.upload-browse{color:var(--accent-purple);cursor:pointer;text-decoration:underline}.upload-hint{color:var(--text-secondary);opacity:.6;font-size:12px}.upload-preview{border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:16px;width:100%;padding:12px;display:flex}.upload-preview img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:60px;height:60px}.preview-info{flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-name{color:var(--text-primary);word-break:break-all;font-size:13px}.preview-remove{color:var(--text-secondary);transition:var(--transition);border-radius:4px;flex-shrink:0;padding:4px}.preview-remove:hover{color:#f87171;background:#f871711a}.pass-type-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pass-type-option{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.pass-type-option:hover{border-color:var(--accent-purple);background:#a78bfa14}.pass-type-option.selected{border-color:var(--accent-purple);background:#a78bfa1f;box-shadow:0 0 0 1px #a78bfa4d}.type-icon{font-size:22px}.type-name{color:var(--text-secondary);font-size:12px;font-weight:500}.pass-type-option.selected .type-name{color:var(--accent-purple)}.toggle-switch{cursor:pointer;align-items:center;display:flex}.toggle-switch input{display:none}.toggle-track{width:40px;height:22px;transition:var(--transition);border:1px solid var(--border);background:#ffffff1a;border-radius:100px;position:relative}.toggle-track:after{content:"";width:16px;height:16px;transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:var(--accent-purple);border-color:var(--accent-purple)}.toggle-switch input:checked+.toggle-track:after{transform:translate(18px)}.barcode-fields{flex-direction:column;gap:10px;display:flex}.barcode-format-row{align-items:center;gap:10px;display:flex}.field-label-sm{color:var(--text-secondary);white-space:nowrap;font-size:12px}.format-options{flex-wrap:wrap;gap:6px;display:flex}.format-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:100px;padding:4px 12px;font-size:12px}.format-chip:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.format-chip.selected{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa26}.color-row{gap:16px;margin-bottom:12px;display:flex}.color-picker-group{flex:1}.color-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;display:block}.color-input-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:6px 10px;display:flex}.color-input-wrap:focus-within{border-color:var(--accent-purple)}.color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:1px solid #ffffff1a;border-radius:4px}.color-hex{color:var(--text-secondary);font-family:monospace;font-size:12px}.color-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.presets-label{color:var(--text-secondary);font-size:11px}.preset-swatch{cursor:pointer;width:28px;height:28px;transition:var(--transition);border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0}.preset-swatch:hover{border-color:#fff6;transform:scale(1.2);box-shadow:0 0 12px #a78bfa4d}.btn-generate{border-radius:var(--radius-md);color:#fff;background:var(--gradient-main);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #a78bfa4d}.btn-generate:after{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 8px 40px #a78bfa73}.btn-generate:hover:after{opacity:1}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none}.btn-text,.btn-loading{align-items:center;gap:8px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-note{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.status-dot{background:var(--text-secondary);width:7px;height:7px;transition:var(--transition);border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.error{background:#f87171;box-shadow:0 0 6px #f87171}.preview-section{position:sticky;top:32px}.preview-platform-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;gap:6px;padding:4px;display:flex}.platform-tab{color:var(--text-secondary);transition:var(--transition);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;display:flex}.platform-tab.active{color:var(--accent-purple);background:#a78bfa26}.platform-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-card-hover)}.pass-preview-wrap{margin-bottom:20px}.phone-frame{width:300px;box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;background:#1a1a1a;border:1px solid #ffffff14;border-radius:40px;margin:24px auto;padding:16px;position:relative}.phone-notch{background:#111;border-radius:0 0 16px 16px;width:100px;height:24px;margin:0 auto 12px;position:relative}.phone-notch:before{content:"";background:#1a1a1a;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.phone-screen{background:#f2f2f7;border-radius:28px;padding:8px;overflow:hidden}.wallet-pass{transition:var(--transition-slow);background:var(--pass-bg,#000);border-radius:16px;flex-direction:column;min-height:480px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.pass-strip{background:#0000001a;height:100px;position:relative;overflow:hidden}.pass-strip-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#a78bfa1a,#60a5fa1a);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}#stripImg{object-fit:cover;width:100%;height:100%}.pass-header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.pass-logo-area{align-items:center;gap:8px;display:flex}.pass-logo-icon{color:#fff;background:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.pass-logo-text{color:var(--pass-fg,#fff);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;font-weight:600;overflow:hidden}.pass-type-badge{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.pass-body{flex-direction:column;flex-grow:1;padding:12px 20px 20px;display:flex}.pass-primary{margin-bottom:12px}.pass-primary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pass-label,#8e8e93);margin-bottom:2px;font-size:10px}.pass-primary-value{color:var(--pass-fg,#fff);word-break:break-word;font-size:22px;font-weight:700;line-height:1.2}.pass-secondary{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.pass-field{min-width:80px}.pass-field-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pass-label,#8e8e93);margin-bottom:2px;font-size:9px;display:block}.pass-field-value{color:var(--pass-fg,#fff);word-break:break-word;font-size:12px;font-weight:500}.pass-barcode-area{justify-content:center;margin-top:auto;padding-top:24px;display:flex}.pass-barcode{flex-direction:column;align-items:center;gap:8px;display:flex}.qr-mock{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:140px;height:140px;padding:10px;display:flex}.qr-mock.small{width:60px;height:60px}.qr-inner{opacity:.85;background-image:repeating-linear-gradient(0deg,#000 0 3px,#0000 3px 6px),repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 6px);width:100%;height:100%}.barcode-text{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:10px;overflow:hidden}.preview-hint{color:var(--text-secondary);opacity:.7;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.google-pass-card{box-shadow:var(--shadow-md);color:#1a1a1a;background:#fff;border-radius:16px;max-width:360px;margin:24px auto;overflow:hidden}.gp-header{background:var(--pass-bg,#000);color:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.gp-logo{background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.gp-org{font-size:14px;font-weight:600}.gp-body{padding:16px 20px}.gp-title{color:#1a1a1a;margin-bottom:4px;font-size:22px;font-weight:700}.gp-subtitle{color:#666;margin-bottom:12px;font-size:14px}.gp-fields{flex-direction:column;gap:8px;display:flex}.gp-field-item{justify-content:space-between;font-size:13px;display:flex}.gp-field-label{color:#888}.gp-field-value{color:#1a1a1a;font-weight:500}.gp-barcode-area{border-top:1px solid #eee;justify-content:center;padding:16px;display:flex}.gp-footer{border-top:1px solid #eee;justify-content:flex-end;padding:12px 20px;display:flex}.result-panel{padding:24px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.result-success-icon{width:48px;height:48px;color:var(--accent-green);background:linear-gradient(135deg,#34d39933,#34d3990d);border:1px solid #34d3994d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-title{font-family:var(--font-display);margin-bottom:4px;font-size:18px;font-weight:700}.result-sub{color:var(--text-secondary);font-size:13px}.result-actions{flex-direction:row;gap:12px;margin-bottom:16px;display:flex}.btn-apple-wallet,.btn-google-wallet{transition:var(--transition);justify-content:center;align-items:center;display:flex}.btn-apple-wallet:hover,.btn-google-wallet:hover{filter:drop-shadow(0 4px 12px #a78bfa4d);transform:translateY(-2px)}.result-meta{justify-content:space-between;align-items:center;display:flex}.result-id{color:var(--text-secondary);font-family:monospace;font-size:11px}.btn-text-sm{color:var(--accent-purple);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.btn-text-sm:hover{opacity:.8}.history-section{z-index:1;border-top:1px solid var(--border);padding:60px 32px 80px;position:relative}.history-inner{max-width:1280px;margin:0 auto}.history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:32px;display:grid}.history-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:60px 24px}.empty-icon{margin-bottom:16px;font-size:48px}.history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:default;overflow:hidden}.history-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.history-card-banner{align-items:center;gap:12px;height:70px;padding:12px 16px;display:flex}.history-card-logo{color:#fff;background:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.history-card-org{color:#fff;opacity:.9;font-size:13px;font-weight:600}.history-card-body{padding:14px 16px}.history-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.history-card-sub{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.history-card-type{border:1px solid var(--border);color:var(--text-secondary);text-transform:capitalize;border-radius:100px;margin-bottom:12px;padding:3px 10px;font-size:11px;display:inline-block}.history-card-actions{gap:8px;display:flex}.btn-history-action{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-card);transition:var(--transition);text-align:center;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.btn-history-action:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#a78bfa14}.btn-history-action.danger:hover{color:#f87171;background:#f8717114;border-color:#f87171}.footer{z-index:1;border-top:1px solid var(--border);padding:24px 32px;position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.footer-logo{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.footer-copy{color:var(--text-secondary);font-size:13px}.event-fields{animation:.25s cubic-bezier(.4,0,.2,1) slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.barcode-fields{animation:.25s cubic-bezier(.4,0,.2,1) slideDown}.field-input.autofilled{animation:.5s autofillPulse;background:#34d3990f!important;border-color:#34d39980!important;box-shadow:0 0 0 3px #34d3991a!important}@keyframes autofillPulse{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.app-container{grid-template-columns:1fr}.preview-section{position:static}.hero{text-align:center;flex-direction:column;min-height:auto;padding-top:100px}.hero-cta,.hero-stats{justify-content:center}.hero-visual{width:100%}.floating-pass-stack{margin:0 auto}}@media (width<=640px){.navbar{padding:12px 20px}.hero{padding:80px 20px 40px}.main-app{padding:20px 20px 60px}.form-section{padding:24px 20px}.field-row{grid-template-columns:1fr}.pass-type-grid{grid-template-columns:repeat(2,1fr)}.color-row{flex-direction:column}.nav-links{display:none}.history-section{padding:40px 20px}}