:root{--color-primary: #2563EB;--color-primary-light: #60A5FA;--color-primary-dark: #1E40AF;--color-secondary: #8B5CF6;--color-secondary-light: #A78BFA;--color-bg-default: #F9FAFB;--color-bg-paper: #FFFFFF;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-border: #E5E7EB;--shadow-card: 0 4px 20px rgba(0,0,0,.08);--shadow-hover: 0 8px 30px rgba(0,0,0,.12)}[data-theme=dark]{--color-primary: #3B82F6;--color-primary-light: #60A5FA;--color-primary-dark: #2563EB;--color-secondary: #A78BFA;--color-secondary-light: #C4B5FD;--color-bg-default: #0F172A;--color-bg-paper: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-border: #334155;--shadow-card: 0 4px 20px rgba(0,0,0,.5);--shadow-hover: 0 8px 30px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-default);color:var(--color-text-primary);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}.static-header{position:sticky;top:0;z-index:1000;background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-link{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-weight:700;font-size:1.5rem;text-decoration:none}.logo-link:hover,.logo-icon{color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;color:var(--color-text-secondary);font-weight:500;font-size:.875rem;border-radius:8px;transition:all .2s ease}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-default)}.header-auth{display:flex;align-items:center;gap:12px}.btn-sign-in{padding:8px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-sign-in:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-dashboard{padding:8px 20px;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-dashboard:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d;color:#fff}.btn-theme-toggle{width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease}.btn-theme-toggle:hover{background-color:var(--color-bg-default);color:var(--color-text-primary);border-color:var(--color-text-secondary)}.theme-icon{display:block}@media(max-width:600px){.header-nav{display:none}.header-container{padding:0 16px}.btn-sign-in,.btn-dashboard{padding:6px 14px;font-size:.8125rem}.btn-theme-toggle{width:36px;height:36px}}.hero-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:64px 24px;text-align:center}.hero-container{max-width:800px;margin:0 auto}.hero-section h1{font-size:3rem;font-weight:700;margin:0 0 16px;line-height:1.2}.hero-section h2{font-size:1.5rem;font-weight:400;margin:0 0 16px;opacity:.9}.hero-description{font-size:1.125rem;max-width:600px;margin:0 auto;opacity:.85}@media(max-width:600px){.hero-section{padding:48px 16px}.hero-section h1{font-size:2rem}.hero-section h2{font-size:1.125rem}.hero-description{font-size:1rem}}.qr-generator-section{min-height:400px;padding:0}.noscript-message{max-width:400px;margin:80px auto;padding:40px;text-align:center;background:var(--color-bg-paper);border-radius:16px;box-shadow:var(--shadow-card)}.noscript-message h3{margin:0 0 8px;color:var(--color-text-primary)}.noscript-message p{margin:0;color:var(--color-text-secondary)}.content-section{padding:80px 24px}.section-container{max-width:1200px;margin:0 auto}.content-section h2{font-size:2rem;font-weight:700;text-align:center;margin:0 0 12px;color:var(--color-text-primary)}.section-description{text-align:center;color:var(--color-text-secondary);font-size:1.125rem;margin:0 0 48px}@media(max-width:600px){.content-section{padding:48px 16px}.content-section h2{font-size:1.5rem}.section-description{font-size:1rem;margin-bottom:32px}}.qr-types-section{background-color:var(--color-bg-paper)}.qr-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.qr-type-card{padding:32px 24px;background:var(--color-bg-default);border-radius:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.qr-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.qr-type-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--color-primary)}.qr-type-icon svg{width:100%;height:100%}.qr-type-card h3{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.qr-type-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:900px){.qr-types-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.qr-types-grid{grid-template-columns:1fr}.qr-type-card{padding:24px 20px}}.how-it-works-section{background-color:var(--color-bg-default)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-card{text-align:center;padding:24px}.step-number{width:56px;height:56px;margin:0 auto 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.step-card h3{font-size:1.25rem;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.step-card p{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.6}@media(max-width:768px){.steps-grid{grid-template-columns:1fr;gap:24px}}.features-section{background-color:var(--color-bg-paper)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px 24px;background:var(--color-bg-default);border-radius:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.feature-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--color-primary)}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.feature-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.faq-section{background-color:var(--color-bg-default)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-bg-paper);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.faq-item summary{padding:20px 24px;font-size:1rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--color-primary);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background-color:var(--color-bg-default)}.faq-item p{padding:0 24px 20px;margin:0;color:var(--color-text-secondary);line-height:1.7}.use-cases-section{background-color:var(--color-bg-paper)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-case-card{padding:32px 24px;background:var(--color-bg-default);border-radius:16px;border-left:4px solid var(--color-primary);transition:transform .2s ease,box-shadow .2s ease}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.use-case-card h3{font-size:1.125rem;font-weight:600;margin:0 0 12px;color:var(--color-text-primary)}.use-case-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.6}@media(max-width:900px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.use-cases-grid{grid-template-columns:1fr}}.static-footer{background-color:var(--color-bg-paper);border-top:1px solid var(--color-border);padding:64px 24px 32px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{padding-right:24px}.footer-logo{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-weight:700;font-size:1.25rem;text-decoration:none;margin-bottom:16px}.footer-logo:hover,.footer-logo .logo-icon{color:var(--color-primary)}.footer-tagline{color:var(--color-text-secondary);font-size:.875rem;margin:0;line-height:1.6}.footer-links h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-primary);margin:0 0 16px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--color-text-secondary);font-size:.875rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:32px;border-top:1px solid var(--color-border);text-align:center}.footer-bottom p{margin:0;color:var(--color-text-secondary);font-size:.875rem}@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-brand{grid-column:span 2;padding-right:0}}@media(max-width:600px){.static-footer{padding:48px 16px 24px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:span 1;text-align:center}.footer-logo{justify-content:center}.footer-links{text-align:center}}.static-page-content{max-width:800px;margin:0 auto;padding:48px 24px}.static-page-content h1{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:var(--color-text-primary)}.static-page-content h2{font-size:1.5rem;font-weight:600;margin:32px 0 16px;color:var(--color-text-primary)}.static-page-content p{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.static-page-content ul,.static-page-content ol{color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px;padding-left:24px}.static-page-content li{margin-bottom:8px}.breadcrumb{padding:16px 24px;background:var(--color-bg-paper);border-bottom:1px solid var(--color-border)}.breadcrumb-container{max-width:1200px;margin:0 auto;font-size:.875rem}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{color:var(--color-text-secondary);margin:0 8px}.breadcrumb-current{color:var(--color-text-primary)}.contact-form{max-width:500px;margin:32px auto 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-paper);color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:150px;resize:vertical}.btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}.blog-card{background:var(--color-bg-paper);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.blog-card-content{padding:24px}.blog-card h3{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.blog-card p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.6}.blog-card-meta{font-size:.75rem;color:var(--color-text-secondary)}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.static-page-content{padding:32px 16px}.static-page-content h1{font-size:1.75rem}}