@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a1a;--bg-secondary:#111128;--bg-card:#14143299;--bg-card-hover:#1e1e41b3;--border-glass:#6464ff1f;--border-glass-hover:#7878ff40;--text-primary:#f0f0ff;--text-secondary:#9898c8;--text-muted:#6868a0;--accent-primary:#6c5ce7;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg, #6c5ce7 0%, #a855f7 50%, #ec4899 100%);--accent-glow:#6c5ce74d;--success:#10b981;--error:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-glass:0 8px 32px #0000004d, inset 0 1px 0 #ffffff0d;--shadow-glow:0 0 40px #6c5ce726;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% -20%,#6c5ce71f 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#a855f714 0%,#0000 50%),radial-gradient(40% 30% at 20% 70%,#ec48990f 0%,#0000 50%);position:fixed;inset:0}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#0a0a1ad9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand svg{color:var(--accent-primary)}.navbar-links{align-items:center;gap:28px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500;text-decoration:none}.navbar-links a:hover{color:var(--text-primary)}.navbar-right{align-items:center;gap:16px;display:flex}.free-counter{color:var(--text-muted);font-size:.82rem}.btn-upgrade{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.btn-upgrade:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.hero{z-index:1;text-align:center;padding:80px 24px 40px;position:relative}.hero h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.hero h1 .gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-glass-hover);background:var(--bg-card-hover)}.generator-section{z-index:1;max-width:900px;margin:0 auto;padding:0 24px 60px;position:relative}.generator-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:40px}.generator-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:768px){.generator-layout{grid-template-columns:1fr}}.input-panel h3{color:var(--text-primary);margin-bottom:16px;font-size:1rem;font-weight:600}.type-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.type-tab{color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:500}.type-tab:hover{border-color:var(--border-glass-hover);color:var(--text-primary)}.type-tab.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.input-group input,.input-group textarea,.input-group select{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#0a0a1e99;outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce726}.input-group textarea{resize:vertical;min-height:100px}.input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-panel{flex-direction:column;align-items:center;gap:24px;display:flex}.qr-preview-container{border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;width:256px;height:256px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.qr-preview-container canvas{max-width:100%;max-height:100%}.qr-placeholder{color:#999;text-align:center;font-size:.85rem}.download-buttons{gap:10px;width:100%;display:flex}.btn-download{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.btn-download:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-download.secondary{background:var(--bg-card);border:1px solid var(--border-glass)}.btn-download:disabled{opacity:.5;cursor:not-allowed;transform:none}.size-selector{gap:8px;width:100%;display:flex}.size-option{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center;background:0 0;flex:1;padding:8px;font-family:inherit;font-size:.78rem}.size-option.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.features-section{z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px;position:relative}.features-section h2{text-align:center;margin-bottom:12px;font-size:2rem;font-weight:800}.features-section .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:48px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition);padding:28px}.feature-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.feature-icon{background:var(--accent-gradient);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.feature-card h3{margin-bottom:8px;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.qr-types-section{z-index:1;max-width:1100px;margin:0 auto;padding:40px 24px 80px;position:relative}.qr-types-section h2{text-align:center;margin-bottom:12px;font-size:2rem;font-weight:800}.qr-types-section .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:48px}.qr-types-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.qr-type-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);align-items:center;gap:12px;padding:16px 20px;text-decoration:none;display:flex}.qr-type-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.qr-type-card .icon{font-size:1.5rem}.qr-type-card .label{font-size:.9rem;font-weight:600}.pricing-section{z-index:1;max-width:900px;margin:0 auto;padding:40px 24px 80px;position:relative}.pricing-section h2{text-align:center;margin-bottom:12px;font-size:2rem;font-weight:800}.pricing-section .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:48px}.pricing-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:36px;position:relative}.pricing-card.featured{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.pricing-badge{background:var(--accent-gradient);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:8px;font-size:1.3rem;font-weight:700}.pricing-price{margin-bottom:4px;font-size:2.5rem;font-weight:900}.pricing-price span{color:var(--text-muted);font-size:1rem;font-weight:400}.pricing-features{margin:24px 0;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.btn-pricing{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:14px;font-family:inherit;font-size:1rem;font-weight:600}.btn-pricing.primary{background:var(--accent-gradient);color:#fff}.btn-pricing.primary:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-pricing.outline{color:var(--text-primary);border:1px solid var(--border-glass);background:0 0}.footer{z-index:1;text-align:center;border-top:1px solid var(--border-glass);color:var(--text-muted);padding:40px 24px;font-size:.85rem;position:relative}.seo-hero{z-index:1;text-align:center;padding:60px 24px 30px;position:relative}.seo-hero h1{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.seo-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}@media (max-width:768px){.navbar{padding:12px 16px}.navbar-links{display:none}.hero{padding:50px 16px 30px}.generator-card{padding:24px}.features-grid{grid-template-columns:1fr}.qr-types-grid{grid-template-columns:1fr 1fr}}