@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Fira+Code:wght@500&display=swap";body{padding-bottom:70px}.navbar{position:fixed;bottom:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-around;align-items:center;background-color:#f6f6f6;padding:10px 0;box-shadow:0 -2px 5px #0000001a}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;font-size:12px;transition:transform .2s ease}.nav-item img{width:50px;height:50px;margin-bottom:4px;transition:filter .3s ease}.nav-item:hover{transform:scale(1.1)}.nav-item.active img{filter:invert(1)}:root{--va-bg: #1e293b;--va-text-color: #f1f5f9;--va-font: monospace;--va-icon-focus-shadow: 0 0 0 2px rgba(251, 191, 36, .3)}.assistant-prompt-container{background-color:var(--va-bg);color:var(--va-text-color);font-family:var(--va-font);width:100%;padding:.5rem 1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.prompt-icon{flex-shrink:0;padding:.25rem;border-radius:9999px;transition:transform .15s ease-in-out;cursor:pointer;background:none;border:none;color:inherit}.redirect-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:1rem;font-family:sans-serif;box-sizing:border-box}.redirect-icon{width:3rem;height:3rem}.redirect-title{margin-top:1rem;font-size:1.5rem;font-weight:700;color:#374151}.redirect-text{margin-top:.5rem;color:#6b7280}.loading-state{background-color:#f9fafb}.loading-state .redirect-icon{color:#4f46e5}.error-state{background-color:#fef2f2}.error-state .error-icon{color:#ef4444}.error-state .error-text{color:#b91c1c}.error-state .redirect-button{margin-top:1.5rem;padding:.5rem 1.5rem;font-weight:600;color:#fff;background-color:#4f46e5;border-radius:.5rem;text-decoration:none;box-shadow:0 1px 3px #0000001a;transition:background-color .2s}.error-state .redirect-button:hover{background-color:#4338ca}.success-state{background-color:#f9fafb}.success-state .redirect-logo{max-width:180px;max-height:180px;width:auto;height:auto;border-radius:.5rem;object-fit:cover;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}:root{--header-height: 52px;--header-padding: 0 1rem;--header-bg: #ffffff;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--accent-color: #4f46e5;--accent-hover: #4338ca;--transition-fast: all .2s ease-in-out;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-color: rgba(0, 0, 0, .1);--panel-bg: #f9fafb;--input-bg: #ffffff;--btn-primary-bg: var(--accent-color);--btn-primary-hover: var(--accent-hover);--btn-secondary-bg: #ffffff;--btn-secondary-hover: #f9fafb;--tag-bg: #e0e7ff;--tag-text: #3730a3}.dashboard-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:var(--header-padding);background-color:var(--header-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-sizing:border-box;width:100%}.header-left,.header-right{display:flex;align-items:center;gap:.75rem}.header-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.brand-logo-icon{height:32px;width:32px;object-fit:contain;border-radius:4px}.icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);border-radius:50%;transition:var(--transition-fast)}.icon-button:hover{background-color:#f3f4f6;color:var(--accent-color)}.header-icon{height:20px;width:20px}.profile-section{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--header-bg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);width:250px;z-index:1010;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:.6rem .8rem;display:flex;align-items:center;justify-content:space-between;border:none;background:none;width:100%;text-align:left;font-size:.875rem}.user-id-display{border-bottom:1px solid var(--border-color);word-break:break-all}.user-id-text{color:var(--text-secondary);margin-right:.5rem;font-size:.8rem}.copy-id-button{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px}.copy-id-button:hover{background-color:#f3f4f6;color:var(--accent-color)}.sign-out-button{cursor:pointer;color:var(--text-primary);font-weight:500}.sign-out-button:hover{background-color:#f3f4f6}.edit-panel{position:sticky;top:var(--header-height);z-index:999;background-color:#f9fafb;border-bottom:1px solid var(--border-color);box-sizing:border-box;width:100%;padding:1rem 1.5rem;box-shadow:inset 0 2px 4px #0000000a}.edit-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-panel-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.edit-panel-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:50%}.edit-panel-close-btn:hover{background-color:#e5e7eb;color:var(--text-primary)}.edit-panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.3rem;font-size:.8rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background-color:var(--input-bg);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e533}.tags-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.3rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg)}.tags-input-container:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e533}.tags-input-container input{flex-grow:1;border:none;outline:none;padding:.25rem;background:none;min-width:120px}.tag-item{display:inline-flex;align-items:center;background-color:var(--tag-bg);color:var(--tag-text);padding:.2rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:500}.tag-item button{margin-left:.4rem;background:none;border:none;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%}.tag-item button:hover{background-color:#0000001a}.edit-panel-footer{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.btn{padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--btn-primary-bg);color:#fff}.btn-primary:hover{background-color:var(--btn-primary-hover)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}@media (max-width: 640px){.header-title{display:none}.header-left,.header-right{gap:.25rem}.dashboard-header{padding:0 .5rem}}.dashboard-main{padding:1rem;max-width:1200px;margin:0 auto}@media (min-width: 640px){.dashboard-main{padding:1.5rem}}.dashboard-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000000d}@media (min-width: 768px){.dashboard-controls{flex-direction:row;justify-content:space-between;align-items:center}}.search-bar{position:relative;width:100%}@media (min-width: 768px){.search-bar{max-width:300px}}.search-bar .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-bar input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e533}.sort-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sort-pill{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:9999px;background-color:#fff;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.sort-pill:hover{background-color:#f9fafb;border-color:#d1d5db}.sort-pill.sort-pill-active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.qr-card-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.qr-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.qr-card-grid{grid-template-columns:repeat(3,1fr)}}.qr-card{background-color:#fff;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.qr-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.qr-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;gap:1rem}.qr-card-title-section{flex-grow:1;min-width:0}.qr-card-campaign{font-size:1.125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-card-scans{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.qr-card-last-scan{font-size:.75rem;color:#9ca3af;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-card-qr-code{flex-shrink:0;padding:.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 0 0 1px #0000000d}.qr-card-body{padding:0 1rem 1rem;border-top:1px solid var(--border-color);flex-grow:1}.qr-card-info-row{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;margin-top:.5rem;word-break:break-all}.qr-card-label{font-weight:500;color:var(--text-secondary);flex-shrink:0}.qr-card-value a{color:var(--accent-color);text-decoration:none}.qr-card-value a:hover{text-decoration:underline}.qr-card-tags{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.qr-card-tag{background-color:var(--tag-bg);color:var(--tag-text);padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:500}.qr-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;padding:.5rem;background-color:#f9fafb;border-top:1px solid var(--border-color)}.qr-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:none;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s,color .2s}.qr-action-button:hover{background-color:#f3f4f6;color:var(--accent-color)}:root{--app-bg: #f3f4f6;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--accent-color: #4f46e5;--accent-hover: #4338ca}.pro-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);padding:1rem;font-family:sans-serif}.pro-page-content{width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.plans-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.plans-grid{grid-template-columns:repeat(4,1fr)}}.plan-card{background-color:var(--card-bg);border-radius:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow-card);padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease;min-height:520px}.plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.plan-card.current-plan{border-color:var(--accent-color);background-color:#eef2ff}.plan-header{text-align:center;margin-bottom:1rem}.plan-icon{width:4rem;height:4rem;margin:0 auto .5rem}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.plan-price-container{text-align:center;margin:1rem 0}.plan-price{font-size:2.25rem;font-weight:800;color:var(--text-primary)}.plan-subprice{font-size:.875rem;color:var(--text-secondary)}.plan-description{color:var(--text-secondary);text-align:center;font-size:.9rem;min-height:3rem;margin-bottom:1.5rem}.plan-features{flex-grow:1;list-style-type:none;padding:0;margin-bottom:2rem}.plan-features li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;color:var(--text-primary);font-size:.9rem}.feature-icon{flex-shrink:0;font-size:1.125rem}.plan-cta{display:block;width:100%;text-align:center;background-color:var(--accent-color);color:#fff;font-weight:600;padding:.75rem;border-radius:.5rem;text-decoration:none;transition:background-color .2s ease;margin-top:auto}.plan-cta:hover{background-color:var(--accent-hover)}.addons-section{background-color:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-card);border:1px solid var(--border-color);text-align:center;margin-top:4rem}.faq-title{font-size:1.5rem;font-weight:700;color:#111827;white-space:nowrap}.faq-page-container{padding-bottom:80px}.faq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.back-button{background:none;border:none;cursor:pointer;color:#4f46e5;display:flex;align-items:center;font-size:1rem;padding:0}.back-button:hover{color:#4338ca}.faq-title-group{display:flex;align-items:center;gap:.75rem}.faq-header-icon{width:2rem;height:2rem;color:#4f46e5}.faq-title{font-size:1.25rem;font-weight:700;color:#111827;white-space:nowrap}.faq-questions{margin-top:1rem}.faq-question-button{width:100%;text-align:left;padding:.75rem 1rem;border-radius:.5rem;color:#fff;font-weight:600;background-color:#4f46e5;transition:all .2s ease-in-out;border:none;cursor:pointer;margin-top:.5rem}.faq-question-button:hover{background-color:#4338ca;transform:translateY(-2px)}.faq-question-button.active{background-color:#4338ca}.faq-answer-container{padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;min-height:200px}.faq-answer-text{color:#374151;white-space:pre-wrap}.faq-link{color:#4f46e5;font-weight:600;text-decoration:none;display:inline-block;margin-top:.5rem}.faq-link:hover{text-decoration:underline}.faq-image-wrapper{margin-top:1rem;text-align:center}.faq-image{width:2.5rem;height:2.5rem;margin:0 auto}.blog-page-container{max-width:900px;margin:40px auto;padding:20px;font-family:sans-serif;color:#333}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.blog-header p{font-size:1.1rem;color:#666}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:25px}.blog-grid-item-wrapper{grid-column:span 1;transition:all .3s ease-in-out}.blog-grid-item{background-color:#f7f7f7;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #eee}.blog-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000014}.blog-grid-item.active{transform:translateY(-5px);box-shadow:0 8px 25px #4a90e233;border-color:#4a90e2}.blog-icon-container{margin:0 auto 15px;width:60px;height:60px;background-color:#4a90e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.blog-icon-svg{width:32px;height:32px}.blog-item-title{font-size:1rem;font-weight:600;margin:0}.blog-post-expanded{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1250;overflow-y:auto;padding:80px 40px 120px;box-sizing:border-box;animation:fadeInExpanded .4s ease-out}@keyframes fadeInExpanded{0%{opacity:0}to{opacity:1}}.blog-post-expanded>.blog-post-content{max-width:800px;margin:0 auto}.blog-post-expanded h2{font-size:2.2rem;margin-top:0;margin-bottom:25px}.blog-post-expanded p{font-size:1.1rem;line-height:1.8;margin-bottom:25px;color:#444}.blog-image-wrapper{margin:30px 0;text-align:center}.blog-image-wrapper img{max-width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 4px 15px #0000001a}.blog-cta-container{text-align:center;margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto}.blog-cta-button{display:inline-block;background-color:#5cb85c;color:#fff;padding:14px 35px;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:background-color .2s,transform .2s}.blog-cta-button:hover{background-color:#4a9d4a;transform:scale(1.05)}@media (max-width: 768px){.blog-header h1{font-size:2rem}.blog-post-expanded{padding-left:20px;padding-right:20px;padding-top:60px}.blog-post-expanded h2{font-size:1.8rem}.blog-post-expanded p{font-size:1rem;line-height:1.7}.blog-image-wrapper{margin-top:20px;margin-bottom:20px}.blog-cta-button{padding:12px 28px;font-size:1rem}}@media (max-width: 480px){.blog-page-container{margin-top:20px;margin-bottom:100px}.blog-grid{gap:15px}.blog-post-expanded{padding:40px 15px 100px}}.blog-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;margin:25px auto;border-radius:8px}.blog-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.blog-post-content ul{list-style-type:disc;padding-left:25px;margin-top:15px;margin-bottom:25px}.blog-post-content li{margin-bottom:10px;line-height:1.7}.blog-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:2rem 0;overflow:hidden;border-radius:8px;background-color:#000}.blog-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.blog-video-wrapper-portrait{max-width:320px;margin:2rem auto;padding-bottom:177.78%}@media (max-width: 480px){.blog-video-wrapper-portrait{max-width:100%}}.color-demo-container{margin:2rem 0;padding:1.5rem;background-color:#f9fafb;border-radius:1rem;border:1px solid #e5e7eb}.color-demo-card{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media (min-width: 768px){.color-demo-card{grid-template-columns:repeat(2,1fr)}}.qr-code-wrapper{padding:1rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;width:100%;max-width:256px;margin:0 auto;overflow:hidden;display:flex;justify-content:center;align-items:center}.color-controls-container{display:flex;flex-direction:column;align-items:center}.button-group-horizontal{display:flex;gap:.5rem;padding:.25rem;background-color:#e5e7eb;border-radius:9999px;margin:1rem 0}.color-toggle-button,.action-button{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:9999px;font-weight:600;transition:all .2s ease-in-out;background-color:transparent;border:none;cursor:pointer;color:#4b5563}.color-toggle-button.active{background-color:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e54d}.action-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.react-colorful{width:100%!important;max-width:280px;height:auto!important;margin-bottom:1rem}.hex-input-wrapper{width:100%;max-width:280px}.hex-input-wrapper label{display:block;text-align:center;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.hex-input-group{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff}.hex-input-group input{width:100%;font-family:monospace;text-transform:uppercase;background:none;border:none;outline:none;color:#1f2937;font-size:1rem}:root{--app-bg: #f3f4f6;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--accent-color: #4f46e5;--accent-hover: #4338ca}.colors-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--app-bg);padding:1rem;font-family:sans-serif;box-sizing:border-box}.colors-page-content{width:100%;max-width:1024px;margin:0 auto;padding:0 0 80px;box-sizing:border-box}.colors-card{background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-card);padding:1rem;display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}@media (min-width: 768px){.colors-page-content{padding:1.5rem}.colors-card{padding:1.5rem;grid-template-columns:repeat(2,1fr)}}.qr-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.qr-preview-container{order:0}}.qr-code-wrapper{padding:1rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;width:70%;max-width:256px;margin:0 auto;overflow:hidden;display:flex;justify-content:center;align-items:center}.color-controls-container{display:flex;flex-direction:column}.button-group-horizontal{display:flex;gap:.5rem;padding:.25rem;background-color:#e5e7eb;border-radius:9999px;margin-bottom:1rem;justify-content:center}.button-group-vertical{display:flex;flex-direction:column;gap:.5rem}.color-toggle-button,.action-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:9999px;font-weight:600;transition:all .2s ease-in-out;background-color:transparent;border:none;cursor:pointer}.color-toggle-button.active,.action-button.active{background-color:var(--accent-color);color:#fff}.color-toggle-button.inactive,.action-button.inactive{background-color:#d1d5db;color:#4b5563}.action-button:disabled{background-color:#9ca3af;color:#4b5563;cursor:not-allowed;opacity:.8}.react-colorful{width:70%!important;height:auto!important;margin-bottom:1rem}@media (min-width: 768px){.react-colorful{width:100%!important}}.react-colorful__saturation{border-radius:.5rem!important;aspect-ratio:1}.react-colorful__alpha{border-radius:.5rem!important;height:12px!important;margin-top:.5rem!important}.hex-input-group{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--app-bg)}.hex-input-group span{font-family:monospace;color:var(--text-secondary)}.hex-input-group input{width:100%;font-family:monospace;text-transform:uppercase;background:none;border:none;outline:none}.webinar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.webinar-card{background-color:#fff;padding:40px;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 10px 25px #0003;animation:fadeIn .3s ease-out}.webinar-minimized{position:fixed;width:50px;height:50px;background-color:#c4302b;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:grab;box-shadow:0 4px 12px #0000004d;z-index:1101;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.webinar-minimized:hover{transform:scale(1.1)}.webinar-minimized.dragging{cursor:grabbing;transform:scale(1.1);box-shadow:0 8px 20px #0006}.countdown-timer{color:#fff;font-size:14px;font-weight:600;font-family:monospace}.webinar-minimized-overlay-container{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1100}.webinar-minimized-overlay-container .webinar-minimized{pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:#888}.close-button:hover{color:#333}.webinar-card h2{margin-top:0;font-size:24px;color:#333;text-align:center}.webinar-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:16px;line-height:1.5}.webinar-form .form-group{margin-bottom:20px}.webinar-form label{display:block;margin-bottom:8px;font-weight:600;color:#555}.webinar-form input,.webinar-form select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.webinar-form input:focus,.webinar-form select:focus{outline:none;border-color:#4a90e2}.submit-button,.download-button{width:100%;padding:15px;background-color:#5cb85c;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.submit-button:hover,.download-button:hover{background-color:#4a9d4a}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.error-text{color:#d9534f;font-size:12px;padding-top:4px}.success-message{text-align:center}.success-message h3{font-size:22px;color:#5cb85c;margin-bottom:15px}@keyframes blink{50%{opacity:0}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.typing-chat-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:90%;max-width:700px;background-color:#141414e6;color:#f0f0f0;border-radius:10px;padding:15px 20px;box-shadow:0 5px 20px #0000004d;z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:15px;animation:slideUpFadeIn .5s ease-out;pointer-events:auto}.typing-chat-prompt-text{margin:0;font-size:1rem;line-height:1.5}.typing-chat-prompt-text strong{color:#fff;font-weight:600}.blinking-cursor{animation:blink 1s step-end infinite;font-weight:600;position:relative;top:-1px}.close-prompt-button{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;line-height:1;transition:color .2s}.close-prompt-button:hover{color:#fff}.prompt-youtube-icon{display:inline-block;vertical-align:middle;margin:0 4px;position:relative;top:-2px;color:red}.webinar-countdown-display{position:fixed;background-color:#141414cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ff4d4d;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1101;border:1px solid rgba(255,255,255,.1)}.mvp-editor-page{padding:1rem;background-color:#f3f4f6;min-height:100vh;font-family:sans-serif;padding-bottom:100px}@media (min-width: 768px){.mvp-editor-page{padding:2rem;padding-bottom:100px}}.mvp-editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.mvp-editor-header h1{font-size:1.5rem;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#52525b}.back-link{display:flex;align-items:center;gap:.5rem;color:#52525b;text-decoration:none}.back-link:hover{color:#18181b}.mvp-main-content{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}@media (min-width: 1024px){.mvp-main-content{flex-direction:row}}.mvp-preview-panel{flex:2;width:100%}.mvp-controls-panel{flex:1;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 4px 12px #00000014;width:100%;box-sizing:border-box}.mvp-card-container{display:flex;width:100%;max-width:600px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 10px 15px #0000001a;transition:background-color .3s ease;border:1px solid #e4e4e7}.mvp-card-left,.mvp-card-right{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.mvp-logo{width:100%;height:100%;object-fit:contain}.eyedropper-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;z-index:10}.mvp-logo-placeholder{color:#a1a1aa;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px dashed #d4d4d8;width:100%;height:100%;justify-content:center;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.mvp-logo-placeholder:hover{background-color:#fafafa}.mvp-qr-wrapper{width:80%;max-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.mvp-cta-text{font-size:.75rem;font-weight:600;text-align:center;transition:color .3s ease;word-break:break-word}.mvp-controls-panel h2{font-size:1.25rem;font-weight:600;margin:0;padding-bottom:1rem;border-bottom:1px solid #e4e4e7;margin-bottom:1.5rem}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-group label{display:block;font-weight:500;margin-bottom:.75rem;color:#3f3f46}.label-detail{color:#a1a1aa;font-weight:400}.logo-uploader-hidden{display:none}.upload-button,.cta-input{width:100%;padding:.5rem 1rem;border:1px solid #d4d4d8;background-color:#fafafa;border-radius:6px;font-weight:500;transition:background-color .2s ease;box-sizing:border-box}.upload-button{display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.upload-button:hover{background-color:#f4f4f5}.cta-input{background-color:#fff}.cta-input:focus{outline:2px solid #4f46e5;border-color:transparent}.button-group-horizontal{display:flex;gap:.5rem;padding:.25rem;background-color:#e5e7eb;border-radius:9999px;margin-bottom:1.5rem}.color-toggle-button,.action-button{display:flex;flex:1;align-items:center;justify-content:center;padding:.5rem;border-radius:9999px;font-weight:600;transition:all .2s ease-in-out;background-color:transparent;border:none;cursor:pointer;color:#3f3f46}.color-toggle-button.active{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #0000001a}.action-button:hover:not(:disabled){background-color:#d1d5db}.action-button:disabled{color:#9ca3af;cursor:not-allowed}.react-colorful{width:100%!important;height:auto!important}.react-colorful__saturation{border-radius:.5rem!important;aspect-ratio:1.5}.react-colorful__hue{border-radius:.5rem!important;height:12px!important;margin-top:1rem!important}.hex-input-group{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #d4d4d8;border-radius:.5rem;background-color:#f4f4f5;margin-top:1rem}.hex-input-group span{font-family:monospace;color:#6b7280}.hex-input-group input{width:100%;font-family:monospace;text-transform:uppercase;background:none;border:none;outline:none;color:#1f2937}:root{--app-bg: #f3f4f6;--card-bg: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent-color: #4f46e5;--accent-color-hover: #4338ca;--disabled-bg: #9ca3af;--error-color: #dc2626;--va-bg: #1e293b;--va-text-color: #f1f5f9;--va-icon-focus-shadow: 0 0 0 2px rgba(251, 191, 36, .3);--spacing-base: 1rem;--spacing-tight: .5rem;--spacing-tighter: .25rem;--input-padding-y: .5rem;--input-padding-x: .75rem;--btn-padding-y: .5rem;--btn-padding-x: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--line-height-tight: 1.2;--border-radius: .5rem;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1)}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;font-family:var(--font-sans);background-color:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.assistant-prompt-container{background-color:var(--va-bg);color:var(--va-text-color);font-family:var(--font-mono);width:100%;padding:var(--spacing-tight) var(--spacing-base);box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-shrink:0}.assistant-prompt-inner{max-width:42rem;width:100%}.assistant-prompt-content{display:flex;align-items:center;min-height:2.2em;font-size:.75rem}.assistant-prompt-text{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.prompt-icon{flex-shrink:0;padding:var(--spacing-tighter);border-radius:9999px;transition:transform .15s ease-in-out;cursor:pointer;background:none;border:none;color:inherit}.prompt-icon:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--va-icon-focus-shadow)}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:var(--spacing-base);padding-top:5vh}.content-wrapper{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:var(--spacing-base)}.content-card{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:var(--spacing-base);width:100%;display:flex;flex-direction:column;align-items:center}.header{text-align:center;margin-bottom:var(--spacing-base);width:100%}.title{margin:0;padding:0;line-height:var(--line-height-tight);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.subtitle{margin:var(--spacing-tighter) 0 0 0;padding:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-tight)}.form-group{margin-bottom:.75rem;text-align:left;width:100%}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-tighter);color:var(--text-secondary)}.form-input{width:100%;padding:var(--input-padding-y) var(--input-padding-x);font-size:var(--font-size-base);line-height:var(--line-height-tight);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#f9fafb;height:auto}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #4f46e54d}.submit-button{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);font-weight:600;color:#fff;background-color:var(--accent-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s;margin-top:.75rem}.submit-button:hover{background-color:var(--accent-color-hover)}.submit-button:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.activation-methods{display:flex;flex-wrap:wrap;gap:var(--spacing-base);justify-content:center;align-items:center}.activation-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-tighter)}.option-label{margin:0;padding:0;font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.qr-code-wrapper{padding:var(--spacing-tight);background-color:#fff;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a}.code-display{display:flex;align-items:center;gap:var(--spacing-tight);margin-top:var(--spacing-base);justify-content:center;background-color:var(--app-bg);padding:var(--spacing-tight) var(--spacing-base);border-radius:var(--border-radius);width:100%}.code-text{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;letter-spacing:.1em;color:var(--accent-color)}.toggle-button-group{display:flex;gap:var(--spacing-tighter);padding:var(--spacing-tighter);background-color:var(--app-bg);border-radius:var(--border-radius);margin-bottom:var(--spacing-base);width:100%}.toggle-button{flex:1;padding:var(--spacing-tight) 0;font-size:var(--font-size-sm);font-weight:500;border-radius:.375rem;border:none;background-color:transparent;cursor:pointer;transition:all .2s ease-in-out;color:var(--text-secondary)}.toggle-button.active{background-color:var(--card-bg);box-shadow:0 1px 2px #0000000d;color:var(--accent-color)}.faq-pill-button{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);font-weight:600;color:#fff;background-color:var(--accent-color);border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;text-decoration:none}.faq-pill-button:hover{background-color:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.faq-button-text{font-size:var(--font-size-base)}.secondary-cta-container{margin-top:1.5rem}@media (min-width: 640px){.assistant-prompt-content{font-size:.825rem}}.app-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);background-color:#f8fafc;padding:1rem;font-family:sans-serif}.app-page-content{width:100%;max-width:24rem;text-align:center}.assistant-prompt-container{background-color:#1e293b;color:#f1f5f9;border-radius:.5rem;padding:1rem;font-family:monospace;font-size:.875rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:20rem;margin:0 auto 1rem}@media (min-width: 640px){.assistant-prompt-container{font-size:1rem}}.assistant-prompt-content{display:flex;align-items:center;min-height:4em}@media (min-width: 640px){.assistant-prompt-content{min-height:3em}}.assistant-prompt-text{display:flex;align-items:center;flex-wrap:wrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.blinking-cursor{animation:pulse 1s cubic-bezier(.4,0,.6,1) infinite}.prompt-icon{flex-shrink:0;margin-right:.5rem;padding:.25rem;border-radius:9999px;transition:transform .15s ease-in-out}.prompt-icon:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #fbbf244d}.prompt-icon:hover{transform:scale(1.1)}.prompt-cue{margin-right:.5rem}.action-card-container{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.cta-link{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;transition:transform .2s ease-in-out}.cta-link:hover{transform:scale(1.05)}.cta-image{width:8rem;height:8rem}.secondary-cta-container{display:flex;flex-direction:column;align-items:center}.faq-link{display:block;transition:transform .2s ease-in-out}.faq-link:hover{transform:scale(1.05)}.faq-image{height:3.5rem}.auth-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6;padding:1rem;font-family:sans-serif}.auth-card-container{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:1.5rem;width:100%;max-width:20rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:#6b7280}.auth-form-group{margin-bottom:1rem}.auth-form-group label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem;display:block}.auth-input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#f9fafb}.auth-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.auth-toggle-button-group{display:flex;gap:.25rem;padding:.25rem;background-color:#f3f4f6;border-radius:.5rem;margin-bottom:1rem}.auth-toggle-button{flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;background-color:transparent;cursor:pointer;transition:all .2s ease-in-out}.auth-toggle-button.active{background-color:#fff;box-shadow:0 2px 4px #0000000d;color:#4f46e5}.auth-toggle-button:not(.active){color:#6b7280}.auth-submit-button{width:100%;padding:.625rem 1.5rem;font-weight:600;color:#fff;background-color:#4f46e5;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.auth-submit-button:hover{background-color:#4338ca}.auth-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.auth-link{font-size:.875rem;color:#4f46e5;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-image-link{display:flex;justify-content:center;margin-top:.75rem}.new-user-pill-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;font-weight:600;color:#fff;background-color:#4f46e5;border-radius:9999px;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;margin-top:1.5rem}.new-user-pill-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.new-user-pill-button-text{font-size:1rem}@media (max-width: 640px){.auth-card-container{padding:1.5rem}}.vote-comparison-container{max-width:28rem;margin:2rem auto;padding:1.5rem;background-color:#1f2937;color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.vote-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.vote-option{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vote-label{font-size:1.125rem}.vote-score{font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .2s ease-in-out}.vote-score:hover{color:#818cf8}.vote-bar-background{position:relative;width:100%;background-color:#374151;border-radius:9999px;height:2rem;overflow:hidden}.vote-bar-foreground{position:absolute;top:0;left:0;height:100%;background-color:#6366f1;transition:width .5s ease-in-out}.vote-percentages{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.875rem}.votecard-editor-container{max-width:42rem;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.votecard-editor-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.votecard-editor-form{display:flex;flex-direction:column;gap:1rem}.votecard-editor-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;width:100%}.votecard-editor-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e580}.votecard-editor-button{padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;font-weight:700;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s}.votecard-editor-button:hover{background-color:#4338ca}.votecard-editor-button:disabled{background-color:#a5b4fc;cursor:not-allowed}.votecard-editor-error{color:#ef4444;text-align:center;margin-top:1rem}.popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.feature-icon-background.locked{background-color:#f3f4f6}.feature-icon.locked{color:#9ca3af}.feature-title.locked{color:#9ca3af}.popup-cta-button.upgrade{background-color:#f59e0b}.popup-cta-button.upgrade:hover{background-color:#d97706}.locked-feature-tag{margin-left:auto;font-size:.625rem;font-weight:600;background-color:#fef3c7;color:#92400e;padding:.125rem .5rem;border-radius:9999px}.popup-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.popup-content{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:26rem;margin:auto;overflow:hidden;transition:all .3s ease-out;max-height:90vh;display:flex;flex-direction:column}.popup-column{position:relative;padding:1.5rem;overflow-y:auto;width:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between}.popup-close-button{position:absolute;top:.75rem;right:.75rem;color:#9ca3af;background:none;border:none;cursor:pointer;z-index:10}.popup-close-button:hover{color:#374151}.popup-brand-text{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#4f46e5;letter-spacing:.05em}.popup-title{font-size:1.5rem;font-weight:700;color:#111827;margin-top:.25rem}.popup-description{color:#4b5563;margin-top:.75rem;font-size:.875rem}.features-container{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.feature-item{display:flex;align-items:center;padding:.25rem;border-radius:.5rem}.feature-icon-background{flex-shrink:0;background-color:#e0e7ff;border-radius:.375rem;padding:.375rem}.feature-icon{color:#4f46e5;width:1.25rem;height:1.25rem}.feature-text-container{margin-left:.75rem}.feature-title{font-weight:700;color:#1f2937;font-size:.875rem}.popup-cta-container{display:flex;gap:.5rem;margin-top:1.5rem}.popup-cta-button{width:100%;background-color:#3b82f6;color:#fff;font-weight:600;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;text-decoration:none}.popup-cta-button:hover{background-color:#2563eb}.popup-cta-arrow{margin-left:.5rem;transition:transform .2s;width:1rem;height:1rem}.popup-cta-button:hover .popup-cta-arrow{transform:translate(4px)}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.popup-content-animate{animation:fadeInScaleUp .3s ease-out forwards}.nfc-eco-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.nfc-wallet{width:100%;max-width:42rem;margin:auto}.nfc-header{text-align:center;margin-bottom:1.5rem}.nfc-header h1{font-size:2.25rem;font-weight:700;color:#1f2937;letter-spacing:-.025em}.nfc-header p{color:#4b5563;margin-top:.25rem}.nfc-header .card-id{font-family:Fira Code,monospace;background-color:#e5e7eb;padding:.25rem .5rem;border-radius:.375rem;font-weight:500;color:#1f2937}.nfc-main-content{background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid rgba(255,255,255,.3)}.stat-card-base{transition:transform .3s ease,box-shadow .3s ease}.stat-card-base:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.admin-controls{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.admin-controls h3{font-size:1.125rem;font-weight:700;color:#374151;margin-bottom:.75rem;text-align:center}@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:Bitcount Prop Double;src:url(/assets/BitcountPropDouble-VariableFont_CRSV_ELSH_ELXP_slnt_wght-D5QhK7-U.ttf) format("truetype-variations");font-weight:100 900;font-style:normal}@layer components{.buffered-image{@apply my-4 mx-auto md:mx-4 rounded-lg shadow-md;}}body{margin:0;font-family:Bitcount Prop Double,system-ui,sans-serif;font-weight:400;background-color:#f0f2f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}