:root{--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#3b82f6;--glass-bg:#0f172a99;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--error:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:clamp(14px,1vw + 10px,16px)}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;display:flex;position:relative;overflow-x:hidden}.background-elements{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle,#6366f166 0%,#6366f100 70%);width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#3b82f64d 0%,#3b82f600 70%);width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:50;background:#0f172a99;width:100%;padding:.5rem 2rem;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-logo i{color:var(--primary);font-size:1.75rem}.nav-logo h2 span{color:var(--primary)}.nav-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-outline{color:var(--text-main);border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{background:#ffffff1a;border-color:#fff3}.btn-primary{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 10px #6366f14d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px #6366f166}.user-profile{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:20px;align-items:center;gap:.75rem;padding:.4rem 1rem .4rem .4rem;display:flex}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}#user-email-display{font-size:.9rem;font-weight:500}.container{z-index:1;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;margin:3rem auto;padding:0 2rem;display:flex}.hero-container{gap:2.5rem;max-width:1200px;margin:2rem auto 0;padding:0 2rem 4rem}.hero-section{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;display:grid}.hero-copy{flex-direction:column;gap:1rem;display:flex}.hero-badge{color:#c7d2fe;background:#6366f129;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.65rem .95rem;font-size:.95rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.hero-title span{color:var(--primary)}.hero-subtitle{color:var(--text-muted);max-width:620px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.hero-btn{width:auto;margin-top:0;padding:1rem 1.4rem}.secondary-link{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff0f;border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.secondary-link:hover{background:#ffffff1f;transform:translateY(-1px)}.hero-highlights{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.highlight-pill{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem .9rem;font-size:.9rem;display:inline-flex}.hero-visual-card{position:relative}.hero-card-top{gap:.45rem;margin-bottom:.75rem;margin-left:.35rem;display:flex}.card-dot{background:#ffffff40;border-radius:50%;width:10px;height:10px}.hero-visual-card .glass-panel{padding:1.5rem}.features-section{flex-direction:column;gap:1.5rem;display:flex}.section-heading{text-align:center}.section-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.25em;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.section-heading h2{font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:700}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:18px;padding:1.5rem}.feature-icon{color:#fff;background:linear-gradient(135deg,#6366f14d,#3b82f633);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.2rem;display:grid}.feature-card h3{margin-bottom:.45rem;font-size:1.08rem}.feature-card p{color:var(--text-muted);line-height:1.7}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stat-card{border:1px solid var(--glass-border);text-align:center;background:#ffffff0a;border-radius:16px;padding:1.2rem}.stat-card strong{color:#fff;margin-bottom:.25rem;font-size:1.35rem;display:block}.stat-card span{color:var(--text-muted);font-size:.95rem}.encryption-section{background:#ffffff0d;border-radius:12px;margin-top:1.5rem;padding:1rem}.encryption-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.encryption-header label{align-items:center;gap:.5rem;margin:0;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#fff3;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:var(--primary)}.switch input:checked+.slider:before{transform:translate(20px)}.password-help{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}.app-header{text-align:center;margin-bottom:.5rem}.logo{color:var(--text-main);justify-content:center;align-items:center;gap:.5rem;font-size:2.5rem;display:flex}.logo i{color:var(--primary)}.logo h1{letter-spacing:-1px;font-weight:700}.logo h1 span{color:var(--primary)}.app-header p{color:var(--text-muted);margin-top:.5rem;font-size:1.1rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:2rem;transition:all .3s}.tabs{background:#0003;border-radius:12px;margin-bottom:2rem;padding:.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px #6366f166}.input-section{animation:.4s fadeIn;display:none}.input-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.input-group{align-items:center;display:flex;position:relative}.input-group i{color:var(--text-muted);font-size:1.25rem;position:absolute;left:1rem}.input-group input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0003;border-radius:12px;outline:none;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.upload-area{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;background:#0000001a;border-radius:16px;padding:3rem 1.5rem;transition:all .3s}.upload-area:hover,.upload-area.dragover{border-color:var(--primary);background:#6366f10d}.upload-icon{color:var(--primary);margin-bottom:1rem;font-size:3rem}.upload-area h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.upload-area p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.file-limits{color:#94a3b899;font-size:.8rem;display:block}.file-preview{border:1px solid var(--primary);background:#0003;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.file-preview-icon{color:var(--primary);font-size:2rem}.file-info{flex:1;overflow:hidden}.file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.file-size{color:var(--text-muted);margin-top:.25rem;font-size:.8rem;display:block}.remove-file-btn{color:var(--error);cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-file-btn:hover{background:var(--error);color:#fff}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1.25rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 20px #6366f14d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #6366f166}.primary-btn:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#ffffff1a;transform:none}.secondary-btn{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff1a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.secondary-btn:hover{background:#fff3}.share-link{color:var(--primary);border:1px solid var(--primary);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.share-link:hover{background:#6366f11a}.result-panel{flex-direction:column;gap:1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.result-header{justify-content:space-between;align-items:center;display:flex}.result-header h2{font-size:1.25rem;font-weight:600}.close-result{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .2s}.close-result:hover{color:var(--text-main)}.qr-display{background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:250px;padding:2rem;display:flex;position:relative}#qr-code-container img{max-width:100%;height:auto}.qr-actions{gap:1rem;display:flex}.loader{color:#333;flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid #6366f133;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:400px;padding:2.5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.close-modal:hover{color:var(--text-main)}.modal-header{text-align:center;margin-bottom:2rem}.modal-header i{color:var(--primary);margin-bottom:.5rem;font-size:3.5rem}.modal-header h2{margin-bottom:.25rem;font-size:1.5rem}.modal-header p{color:var(--text-muted);font-size:.95rem}.modal-input{margin-bottom:1.25rem}.auth-error{color:var(--error);text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1.25rem;padding:.75rem;font-size:.9rem}.modal-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.95rem}#toggle-auth-mode{color:var(--primary);cursor:pointer;font-weight:600;transition:color .2s}#toggle-auth-mode:hover{color:var(--primary-hover);text-decoration:underline}.auth-divider{color:var(--text-muted);align-items:center;margin:1.5rem 0;font-size:.9rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--glass-border);flex:1}.auth-divider span{padding:0 1rem}.google-btn{width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem}.google-btn i{color:#4285f4;font-size:1.25rem}@media (width<=600px){.container{padding:0 1rem}.glass-panel{padding:1.5rem}.nav-container{flex-direction:row;gap:.5rem}}.qr-studio-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.qr-live-preview{padding:1.5rem;position:sticky;top:80px}.studio-preview-frame{background:0 0;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.studio-preview-bg-overlay{opacity:.3;pointer-events:none;border-radius:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.studio-preview-qr{z-index:2;background:#fff;border-radius:8px;padding:8px;display:inline-flex;position:relative;box-shadow:0 4px 12px #00000026}.studio-preview-actions{gap:.75rem;display:flex}.qr-controls-panel{flex-direction:column;gap:1rem;display:flex}.control-section{padding:1.25rem!important}.control-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.control-title i{color:var(--primary);font-size:1.1rem}.style-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.style-grid-small{grid-template-columns:repeat(3,1fr)}.style-option{cursor:pointer;color:var(--text-muted);background:#ffffff08;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;min-width:0;padding:.6rem .4rem;transition:all .25s;display:flex}.style-option svg{width:28px;height:28px}.style-option span{white-space:nowrap;font-size:.7rem;font-weight:500}.style-option:hover{color:var(--text-main);background:#6366f114;border-color:#6366f133}.style-option.active{border-color:var(--primary);color:var(--primary);background:#6366f126}.color-picker-group{margin-top:.75rem}.color-picker-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.color-input-wrap{align-items:center;gap:.5rem;display:flex}.color-input-wrap input[type=color]{border:2px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:2px}.color-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrap input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-hex-input{border:1px solid var(--glass-border);color:var(--text-main);text-transform:uppercase;background:#ffffff0d;border-radius:8px;width:100px;padding:.5rem .75rem;font-family:Outfit,monospace;font-size:.85rem}.color-hex-input:focus{border-color:var(--primary);outline:none}.transparent-toggle{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:flex}.transparent-toggle input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:16px;height:16px}.range-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.range-group label span{color:var(--primary);font-weight:600}.range-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 0 6px #6366f180}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #6366f180}.studio-select{border:1px solid var(--glass-border);width:100%;color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;outline:none;padding:.6rem .75rem;font-family:Outfit,sans-serif;font-size:.85rem}.studio-select:focus{border-color:var(--primary)}.studio-select option{color:var(--text-main);background:#1e293b}.studio-file-upload{border:2px dashed var(--glass-border);cursor:pointer;text-align:center;color:var(--text-muted);border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;font-size:.85rem;transition:all .3s;display:flex}.studio-file-upload:hover{border-color:var(--primary);background:#6366f10d}.template-quick-bar{scrollbar-width:thin;scrollbar-color:var(--primary) transparent;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.template-quick-bar::-webkit-scrollbar{height:4px}.template-quick-bar::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.template-quick-btn{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:.4rem;min-width:80px;padding:.6rem .75rem;transition:all .25s;display:flex}.template-quick-btn:hover{background:#6366f114}.template-quick-btn.active{border-color:var(--primary);color:var(--primary);background:#6366f11f}.template-quick-btn .tpl-preview{border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.template-quick-btn .tpl-preview .tpl-dot{border-radius:3px;width:20px;height:20px}.template-quick-btn span{font-size:.7rem;font-weight:500}@media (width<=768px){.qr-studio-layout{grid-template-columns:1fr}.qr-live-preview{position:static}.style-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-body{min-height:100vh;display:block}.dashboard-layout{width:100vw;min-height:100vh;display:flex;position:relative}.sidebar{border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:280px;height:calc(100vh - 70px);padding:1rem 1.5rem;display:flex;position:sticky;top:70px;overflow-y:auto}.sidebar-logo{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.5rem;font-weight:700;display:flex}.sidebar-logo i{color:var(--primary);font-size:2rem}.sidebar-logo h2 span{color:var(--primary)}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.side-btn{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.side-btn i{font-size:1.25rem}.side-btn:hover{color:var(--text-main);background:#ffffff0d}.side-btn.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 15px #6366f14d}.sidebar-footer{margin-top:auto}.logout-btn{width:100%;color:var(--error)}.logout-btn:hover{color:var(--error);background:#ef44441a}.dashboard-main{flex:1;max-width:900px;margin:0 auto;padding:1rem 3rem 2rem}.dashboard-view{animation:.4s fadeIn;display:none}.dashboard-view.active{display:block}.view-header{margin-bottom:2.5rem}.view-header h2{margin-bottom:.5rem;font-size:2rem;font-weight:700}.view-header p{color:var(--text-muted);font-size:1.1rem}.profile-card{max-width:500px}.profile-header{align-items:center;gap:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex}.profile-header h3{margin-bottom:.25rem;font-size:1.5rem}.badge{color:var(--primary);background:#6366f133;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.divider{border:none;border-top:1px solid var(--glass-border);margin:2rem 0}.profile-details{flex-direction:column;gap:1.5rem;display:flex}.detail-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem}.detail-group p{font-size:1.1rem;font-weight:500}.hero-container{flex:1;justify-content:flex-start;align-items:stretch;max-width:1200px;margin:2rem auto 0}.hero-icon{color:var(--primary);margin-bottom:1.5rem;font-size:5rem;animation:6s ease-in-out infinite alternate float}.hero-copy .hero-title{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:800;line-height:1.02}.hero-copy .hero-title span{color:var(--primary)}.hero-copy .hero-subtitle{color:var(--text-muted);max-width:620px;margin:0;font-size:1.05rem;line-height:1.8}.hero-btn{width:auto;margin:0;padding:1rem 1.4rem;font-size:1rem;display:inline-flex}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.flip-card{perspective:1000px;cursor:pointer;background-color:#0000;width:200px;height:250px;margin:0 auto}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:absolute;box-shadow:0 8px 32px #0000004d}.flip-card-front{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);background:#1e293bb3}.flip-card-front img.history-thumb{object-fit:contain;background:#0003;border-radius:8px;width:100%;height:120px;margin-bottom:1rem}.flip-card-front i.history-icon{color:var(--primary);margin-bottom:1rem;font-size:4rem}.history-info{color:var(--text-muted);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.flip-card-back{color:#000;background:#fff;transform:rotateY(180deg)}.flip-card-back img.history-qr{width:150px;height:150px;margin-bottom:.5rem}.history-date{color:#666;font-size:.8rem}.nav-logo-img{object-fit:cover;object-position:top center;border-radius:8px;width:32px;height:32px;box-shadow:0 4px 10px #0000004d}.hero-logo-img{object-fit:contain;border-radius:12px;width:100%;max-width:400px;height:auto;margin-bottom:1.5rem;animation:6s ease-in-out infinite alternate float;box-shadow:0 15px 40px #00000080}.sidebar-logo-img{object-fit:contain;border-radius:12px;width:100%;max-width:220px;height:auto;box-shadow:0 10px 25px #0006}.how-it-works-section{padding:6rem 0;position:relative}.text-center{text-align:center}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.step-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem;transition:transform .3s;position:relative}.step-card:hover{border-color:#ffffff1a;transform:translateY(-5px)}.step-number{color:var(--primary);opacity:.3;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:700}.step-card h3{margin-bottom:1rem;font-size:1.25rem}.step-card p{color:var(--text-muted);font-size:.95rem}.use-cases-section{padding:6rem 0}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.use-case-card{text-align:left;padding:2.5rem}.use-case-card i{color:var(--primary);margin-bottom:1.5rem;font-size:2.5rem}.use-case-card h3{margin-bottom:1rem;font-size:1.25rem}.use-case-card p{color:var(--text-muted);font-size:.95rem}.main-footer{background:#0000004d;border-top:1px solid #ffffff0d;margin-top:6rem;padding:4rem 0 2rem}.footer-container{grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:4rem;display:grid}.footer-brand .nav-logo{justify-content:flex-start}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.footer-column h4{color:var(--text-main);margin-bottom:1.5rem;font-size:1.1rem}.footer-column a{color:var(--text-muted);margin-bottom:.75rem;text-decoration:none;transition:color .3s;display:block}.footer-column a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:0 auto;padding:2rem 2rem 0;display:flex}.social-links{gap:1rem;display:flex}.social-links a{color:var(--text-muted);font-size:1.5rem;transition:color .3s}.social-links a:hover{color:var(--primary)}@media (width<=900px){.steps-grid,.use-cases-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:.5rem;font-size:1.8rem;display:none}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;opacity:0;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{opacity:1;display:block}.site-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-top:1px solid #6366f133;margin-top:4rem;padding:4rem 2rem 2rem;position:relative;overflow:hidden}.site-footer:before{content:"";background:var(--primary);filter:blur(100px);opacity:.3;pointer-events:none;width:200px;height:100px;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.mobile-dashboard-header,.mobile-nav-dropdown{display:none}@media (width<=768px){.desktop-nav-only{display:none!important}.top-nav{min-height:50px;padding:.3rem 1rem}.nav-auth,.nav-links{display:none!important}.mobile-menu-btn{margin-left:auto;display:block}.mobile-nav-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;z-index:100;pointer-events:none;background:#0f172af2;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:1rem;width:100%;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:60px;left:0;transform:translateY(-100%)}.mobile-nav-dropdown.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-dropdown .nav-links{flex-direction:column;align-items:center;margin:0;display:flex!important}.mobile-nav-dropdown .nav-actions{flex-direction:column;width:100%;display:flex!important}.mobile-nav-dropdown .nav-btn{justify-content:center;width:100%}.dashboard-layout{padding-top:0;display:block}.dashboard-sidebar{width:280px;height:100vh;height:var(--vh,100vh);z-index:100;border-right:1px solid #ffffff1a;padding:0 1rem;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-300px;box-shadow:10px 0 30px #00000080}.dashboard-sidebar.active{left:0}.dashboard-main{padding:5rem 1rem 1rem}.mobile-dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#0f172ae6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 1rem;display:flex;position:fixed;top:0;left:0}.mobile-dashboard-header .nav-logo h2{font-size:1.2rem}.tabs{flex-wrap:wrap}.tab-btn{flex:calc(50% - .5rem);justify-content:center}button,a{min-height:44px}}@media (width<=480px){.container{margin:1.5rem auto;padding:0 1rem}.hero-container{padding:0 1rem 3rem}.hero-section{text-align:center;grid-template-columns:1fr;gap:1.5rem}.hero-actions{flex-direction:column;justify-content:center;width:100%}.hero-btn,.secondary-link,.btn-primary,.btn-outline,.primary-btn,.secondary-btn{justify-content:center;width:100%}.hero-highlights{justify-content:center}.hero-badge{margin:0 auto}.input-group input,.form-group input,select,textarea{width:100%;font-size:16px!important}.glass-panel{border-radius:16px;padding:1.5rem 1rem}.qr-display{box-sizing:border-box;background:#0003;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex;overflow:hidden}#qr-code-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:250px;margin:0 auto;display:flex}#qr-code-container img,#qr-code-container canvas,#qr-code-container svg{object-fit:contain;max-width:100%!important;height:auto!important}.footer-container{text-align:center;gap:2rem;grid-template-columns:1fr!important}.social-links{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-bottom div{justify-content:center}.dashboard-main{padding:5rem .5rem 1rem}.history-grid{grid-template-columns:1fr;justify-items:center}.flip-card{width:100%;max-width:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in-delay-1{opacity:0;animation-delay:.1s}.animate-fade-in-delay-2{opacity:0;animation-delay:.2s}.animate-fade-in-delay-3{opacity:0;animation-delay:.3s}.glass-panel{transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.primary-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.primary-btn:after{content:"";opacity:0;background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s,transform .3s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.primary-btn:hover:after{opacity:1;transform:scale(1)}.primary-btn:active{transform:scale(.95)}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-animation{animation:2s infinite pulse-glow}.template-quick-btn{animation:.5s backwards fadeInUp}.template-quick-btn:first-child{animation-delay:.1s}.template-quick-btn:nth-child(2){animation-delay:.15s}.template-quick-btn:nth-child(3){animation-delay:.2s}.template-quick-btn:nth-child(4){animation-delay:.25s}.template-quick-btn:nth-child(5){animation-delay:.3s}.template-quick-btn:nth-child(6){animation-delay:.35s}.template-quick-btn:nth-child(7){animation-delay:.4s}.template-quick-btn:nth-child(8){animation-delay:.45s}.studio-preview-frame{transition:all .4s cubic-bezier(.4,0,.2,1)}.studio-preview-frame:hover{transform:scale(1.02)}@media (width<=768px){.site-footer{margin-top:2rem!important;padding:2rem 1rem 1rem!important}.footer-container{gap:1.5rem!important;padding-bottom:1.5rem!important}.footer-container>div h3{margin-bottom:.8rem!important}.footer-container ul{gap:.4rem!important}.footer-container .nav-logo{justify-content:center!important;margin-bottom:.5rem!important}.footer-bottom{padding:1rem 1rem 0!important}}