@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/inter.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bs-blue:#0d6efd;--bs-white:#fff;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-body-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-color:#dee2e6;--bs-border-radius:0.375rem}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}p{margin-top:0;margin-bottom:1rem}a{color:var(--bs-blue);text-decoration:underline}a:hover{color:#0a58ca}img,svg{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-gray-900);background-color:var(--bs-white);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{color:var(--bs-gray-900);background-color:var(--bs-white);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::placeholder{color:var(--bs-gray-500);opacity:1}.form-control:disabled{background-color:var(--bs-gray-200);opacity:1}select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.25rem}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff}.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.sticky-top{position:sticky;top:0;z-index:1020}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url("/static/fa-solid-900.woff2") format("woff2")}.fa,.fa-solid,.fas{font-family:'Font Awesome 6 Free';font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;display:inline-block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.fa-spin{animation:fa-spin 2s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fa-address-card::before{content:"\f2bb"}.fa-align-left::before{content:"\f036"}.fa-arrows-alt-h::before{content:"\f337"}.fa-arrows-alt-v::before{content:"\f338"}.fa-bolt::before{content:"\f0e7"}.fa-briefcase::before{content:"\f0b1"}.fa-building::before{content:"\f1ad"}.fa-bullhorn::before{content:"\f0a1"}.fa-chart-line::before{content:"\f201"}.fa-check-circle::before{content:"\f058"}.fa-chevron-down::before{content:"\f078"}.fa-circle::before{content:"\f111"}.fa-clock::before{content:"\f017"}.fa-cloud-upload-alt::before{content:"\f382"}.fa-comment::before{content:"\f075"}.fa-dollar-sign::before{content:"\f155"}.fa-download::before{content:"\f019"}.fa-envelope::before{content:"\f0e0"}.fa-expand-arrows-alt::before{content:"\f31e"}.fa-eye::before{content:"\f06e"}.fa-eye-slash::before{content:"\f070"}.fa-file-contract::before{content:"\f56c"}.fa-file-download::before{content:"\f56d"}.fa-file-export::before{content:"\f56e"}.fa-file-image::before{content:"\f1c5"}.fa-fill-drip::before{content:"\f576"}.fa-font::before{content:"\f031"}.fa-globe::before{content:"\f0ac"}.fa-heading::before{content:"\f1dc"}.fa-id-card::before{content:"\f2c2"}.fa-image::before{content:"\f03e"}.fa-key::before{content:"\f084"}.fa-layer-group::before{content:"\f5fd"}.fa-link::before{content:"\f0c1"}.fa-list-alt::before{content:"\f022"}.fa-lock::before{content:"\f023"}.fa-magic::before{content:"\f0d0"}.fa-map-marker-alt::before{content:"\f3c5"}.fa-mobile-alt::before{content:"\f3cd"}.fa-mouse-pointer::before{content:"\f245"}.fa-paint-brush::before{content:"\f1fc"}.fa-palette::before{content:"\f53f"}.fa-phone::before{content:"\f095"}.fa-plug::before{content:"\f1e6"}.fa-qrcode::before{content:"\f029"}.fa-question-circle::before{content:"\f059"}.fa-rocket::before{content:"\f135"}.fa-shapes::before{content:"\f61f"}.fa-shield-alt::before{content:"\f3ed"}.fa-sms::before{content:"\f7cd"}.fa-spinner::before{content:"\f110"}.fa-square::before{content:"\f0c8"}.fa-swatchbook::before{content:"\f5c3"}.fa-sync-alt::before{content:"\f2f1"}.fa-times::before{content:"\f00d"}.fa-user::before{content:"\f007"}.fa-users::before{content:"\f0c0"}.fa-utensils::before{content:"\f2e7"}.fa-vector-square::before{content:"\f5cb"}.fa-wifi::before{content:"\f1eb"}.fa-arrow-left::before{content:"\f060"}.fa-ban::before{content:"\f05e"}.fa-calendar-alt::before{content:"\f073"}.fa-check::before{content:"\f00c"}.fa-cog::before{content:"\f013"}.fa-copyright::before{content:"\f1f9"}.fa-exclamation::before{content:"\f12a"}.fa-exclamation-triangle::before{content:"\f071"}.fa-file::before{content:"\f15b"}.fa-file-upload::before{content:"\f574"}.fa-gavel::before{content:"\f0e3"}.fa-home::before{content:"\f015"}.fa-info-circle::before{content:"\f05a"}.fa-save::before{content:"\f0c7"}.fa-server::before{content:"\f233"}.fa-shield-virus::before{content:"\e06c"}.fa-sign-out-alt::before{content:"\f2f5"}.fa-times-circle::before{content:"\f057"}.fa-trash-alt::before{content:"\f2ed"}.fa-user-edit::before{content:"\f4ff"}.fa-user-shield::before{content:"\f505"}
@charset "UTF-8";:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-gradient:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--primary-color:#5a67d8;--secondary-color:#764ba2;--accent-color:#4facfe;--success-color:#00c853;--warning-color:#ffc107;--danger-color:#ff5252;--text-primary:#1a1a2e;--text-secondary:#495057;--text-light:#ffffff;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-dark:#1a1a2e;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.15);--shadow-xl:0 20px 60px rgba(0, 0, 0, 0.2);--shadow-glow:0 0 30px rgba(102, 126, 234, 0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body,html{max-width:100%;overflow-x:hidden}.row{margin-left:0;margin-right:0}.row>*{padding-left:12px;padding-right:12px}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.content-tab,.format-btn,.gradient-type-btn,.preset-btn,.style-option,a,button,input,select,textarea{touch-action:manipulation}.navbar{background:var(--dark-gradient);padding:1rem 0;box-shadow:var(--shadow-md);z-index:1000;position:fixed;top:0;left:0;right:0}body{padding-top:77px}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.navbar-brand .brand-logo{width:45px;height:45px;background:var(--primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4)}.navbar-brand .brand-logo i{font-size:1.5rem;color:#fff}.navbar-brand .brand-text{font-size:1.75rem;font-weight:800;color:var(--text-light);letter-spacing:-.5px}.navbar-nav-links{display:flex;align-items:center;gap:1.5rem}.navbar-nav-links .nav-link{color:rgba(255,255,255,.85);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:var(--transition-fast)}.navbar-nav-links .nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}@media(max-width:768px){.navbar-nav-links{display:none}}.text-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.language-selector{position:relative}.custom-select{position:relative;min-width:140px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;backdrop-filter:blur(10px);transition:var(--transition-normal)}.custom-select:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.selected-language{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--text-light)}.flag-icon{width:24px;height:16px;object-fit:cover;border-radius:3px}.language-text{font-size:.9rem;font-weight:500}.arrow-icon{margin-left:auto;font-size:.75rem;transition:var(--transition-normal)}.custom-select.open .arrow-icon{transform:rotate(180deg)}.select-options{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.custom-select.open .select-options{display:block;animation:slideDown .3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.option{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--text-primary);transition:var(--transition-fast)}.option:hover{background:var(--bg-primary)}.hero-section{position:relative;padding:80px 0 100px;background:var(--dark-gradient);overflow:hidden}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(79,172,254,.2) 0,transparent 40%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{opacity:.5}100%{opacity:1}}.hero-content{position:relative;z-index:1}.hero-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;color:var(--text-light);margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 2rem;line-height:1.7}.hero-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.badge-item{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);color:var(--text-light);font-size:.9rem;font-weight:500;backdrop-filter:blur(10px)}.badge-item i{color:var(--accent-color)}.form-section{padding:60px 0;margin-top:-60px;position:relative;z-index:2;min-height:800px}.form-card{max-width:520px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-xl);border:1px solid rgba(0,0,0,.05);min-height:720px}.form-header{text-align:center;margin-bottom:2rem}.form-icon{width:70px;height:70px;margin:0 auto 1rem;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.form-icon i{font-size:2rem;color:var(--text-light)}.form-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.form-header p{color:var(--text-secondary);font-size:1rem}.input-group-custom{margin-bottom:1.5rem}.input-group-custom label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.input-group-custom label i{margin-right:6px;color:var(--primary-color)}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.input-wrapper .form-control{width:100%;padding:14px 14px 14px 58px;font-size:1rem;border:2px solid #e2e8f0;border-radius:var(--radius-md);transition:var(--transition-normal);background:var(--bg-primary)}.input-wrapper .form-control:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(102,126,234,.1)}.input-wrapper .form-control::placeholder{color:#a0aec0}.content-type-selector{margin-bottom:1.5rem}.content-type-selector>label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.content-type-selector>label i{margin-right:6px;color:var(--primary-color)}.content-type-tabs{display:flex;flex-wrap:wrap;gap:8px}.content-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:var(--bg-primary);border:2px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);min-width:70px}.content-tab i{font-size:1.2rem;color:var(--text-secondary);transition:var(--transition-normal)}.content-tab span{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.content-tab:hover{border-color:var(--primary-color);background:rgba(102,126,234,.05)}.content-tab:hover i,.content-tab:hover span{color:var(--primary-color)}.content-tab.active{background:var(--primary-gradient);border-color:transparent}.content-tab.active i,.content-tab.active span{color:#fff}.content-form{display:none}.content-form.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:600px){.input-row{grid-template-columns:1fr}}.input-group-custom .form-control{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e2e8f0;border-radius:var(--radius-md);transition:var(--transition-normal);background:var(--bg-primary)}.input-group-custom .form-control:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(102,126,234,.1)}.input-group-custom select.form-control{cursor:pointer}.input-group-custom textarea.form-control{resize:vertical;min-height:80px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper .form-control{padding-right:45px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:5px;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.password-toggle:hover{color:var(--primary-color)}.password-toggle:focus{outline:0;color:var(--primary-color)}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:14px 16px;background:var(--bg-primary);border:2px solid #e2e8f0;border-radius:var(--radius-md);transition:var(--transition-normal);width:100%}.checkbox-label:hover{border-color:var(--primary-color)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.checkbox-label span{font-size:.9rem;color:var(--text-secondary)}.checkbox-label span i{margin-right:6px;color:var(--primary-color)}.output-options{margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid #e2e8f0}.output-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:600px){.output-row{grid-template-columns:1fr}}.output-options .option-group>label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.output-options .option-group>label i{margin-right:6px;color:var(--primary-color)}.format-selector{display:flex;gap:8px}.format-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-weight:500;font-size:.9rem}.format-btn i{color:var(--text-secondary)}.format-btn:hover{border-color:var(--primary-color)}.format-btn.active{background:var(--primary-gradient);border-color:transparent;color:#fff}.format-btn.active i{color:#fff}.size-select{width:100%;padding:10px 16px;font-size:.9rem;border:2px solid #e2e8f0;border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:var(--transition-normal)}.size-select:focus{outline:0;border-color:var(--primary-color)}.format-note{font-weight:400;color:var(--text-secondary);font-size:.8rem;margin-left:4px}.upload-group{margin-bottom:1.5rem}.upload-group>label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.upload-group>label i{margin-right:6px;color:var(--primary-color)}.upload-area{position:relative;border:2px dashed #cbd5e0;border-radius:var(--radius-lg);padding:2rem;text-align:center;background:var(--bg-primary);transition:var(--transition-normal);cursor:pointer}.upload-area.dragover,.upload-area:hover{border-color:var(--primary-color);background:rgba(102,126,234,.05)}.upload-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;opacity:.8}.upload-text{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.upload-hint{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.upload-formats{font-size:.8rem;color:#475569;background:#edf2f7;padding:4px 12px;border-radius:var(--radius-sm)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-preview{margin-top:1rem;text-align:center}.file-preview img{max-width:100px;max-height:100px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.btn-generate{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:700;color:var(--text-light);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition-normal);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}.btn-generate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-generate:active{transform:translateY(0)}.alerts-container{margin-top:1.5rem}.alert-custom{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;margin-bottom:.5rem}.alert-custom.alert-danger{background:rgba(255,82,82,.1);color:var(--danger-color);border:1px solid rgba(255,82,82,.2)}.alert-custom.alert-success{background:rgba(102,126,234,.1);color:var(--primary-color);border:1px solid rgba(102,126,234,.2)}.qr-result{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid #e2e8f0;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qr-result-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem;color:var(--primary-color);font-weight:600;font-size:1.1rem}.qr-result-header i{font-size:1.5rem}.qr-image-container{display:inline-block;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem}.qr-image{max-width:250px;height:auto;border-radius:var(--radius-sm)}.btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;color:var(--text-light);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-normal)}.btn-download:hover{color:var(--text-light);transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.features-section{padding:80px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{padding:2rem;background:var(--bg-primary);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal);border:1px solid transparent}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(102,126,234,.2)}.feature-icon{width:70px;height:70px;margin:0 auto 1.25rem;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon i{font-size:1.75rem;color:var(--text-light)}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.faq-section{padding:80px 0;background:var(--bg-primary)}.faq-container{max-width:700px;margin:0 auto}.faq-item{margin-bottom:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.faq-question{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:0 0;border:none;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);text-align:left}.faq-question:hover{background:var(--bg-primary)}.faq-question span{display:flex;align-items:center;gap:12px}.faq-question span i{color:var(--primary-color)}.faq-arrow{transition:var(--transition-normal);color:var(--text-secondary)}.faq-question[aria-expanded=true] .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem}.faq-answer p{padding:0 0 1.25rem;color:var(--text-secondary);line-height:1.7}.benefits-section{padding:80px 0;background:var(--bg-secondary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.benefit-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;background:var(--bg-primary);border-radius:var(--radius-lg);transition:var(--transition-normal);border:1px solid transparent}.benefit-card:hover{transform:translateX(5px);box-shadow:var(--shadow-md);border-color:rgba(102,126,234,.2)}.benefit-icon{flex-shrink:0;width:55px;height:55px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.benefit-icon i{font-size:1.5rem;color:var(--text-light)}.benefit-content h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.benefit-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.use-cases-section{padding:80px 0;background:var(--bg-primary)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.use-case-card{padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal);border:2px solid transparent}.use-case-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.use-case-icon{width:65px;height:65px;margin:0 auto 1.25rem;background:var(--secondary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.use-case-card:hover .use-case-icon{transform:scale(1.1)}.use-case-icon i{font-size:1.5rem;color:var(--text-light)}.use-case-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.use-case-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.footer{background:var(--dark-gradient);padding:50px 0 30px;padding-bottom:calc(30px + env(safe-area-inset-bottom));color:var(--text-light)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.footer-logo-icon i{font-size:1.25rem;color:#fff}.footer-brand-text{font-size:1.5rem;font-weight:800}.footer-links{display:flex;gap:2rem}.footer-contact a,.footer-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:var(--transition-fast)}.footer-contact a:hover,.footer-links a:hover{color:var(--accent-color)}.footer-bottom{text-align:center;padding-top:2rem}.footer-bottom p{font-size:.9rem;color:rgba(255,255,255,.75)}@media screen and (max-width:992px){.hero-section{padding:60px 0 80px}.form-section{margin-top:-40px;min-height:750px}.form-card{min-height:680px}.section-header h2{font-size:2rem}}@media screen and (max-width:768px){body{padding-top:65px}.navbar{padding:.75rem 0}.navbar-brand .brand-logo{width:38px;height:38px}.navbar-brand .brand-logo i{font-size:1.25rem}.navbar-brand .brand-text{font-size:1.4rem}.custom-select{min-width:120px}.hero-section{padding:50px 0 70px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.badge-item{padding:8px 14px;font-size:.8rem}.form-card{padding:30px 24px;margin:0 15px;min-height:650px}.form-icon{width:60px;height:60px}.form-icon i{font-size:1.5rem}.form-header h2{font-size:1.5rem}.benefits-section,.faq-section,.features-section,.use-cases-section{padding:60px 0}.section-header h2{font-size:1.75rem}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:1rem}}@media screen and (max-width:480px){.language-text{display:none}.custom-select{min-width:auto}.hero-badges{flex-direction:column;align-items:center}.badge-item{width:100%;max-width:200px;justify-content:center}.form-card{padding:24px 18px;min-height:620px}.upload-area{padding:1.5rem 1rem}.upload-icon{font-size:2.5rem}.btn-generate{padding:14px 20px;font-size:1rem}.qr-image{max-width:200px}.qr-result-section .qr-result{padding:1.5rem}.qr-result-header{font-size:1rem}.btn-download{width:100%;padding:14px 20px;justify-content:center}.benefit-card,.feature-card,.use-case-card{padding:1.5rem}.faq-question{padding:1rem;font-size:.9rem}.faq-answer{padding:0 1rem 1rem}.faq-answer p{font-size:.9rem}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.form-icon{animation:pulse 3s ease-in-out infinite}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:var(--primary-color);color:var(--text-light)}.form-wrapper{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start;max-width:950px;margin:0 auto}@media screen and (max-width:900px){.form-wrapper{grid-template-columns:1fr}.preview-card{order:-1}}.style-section{margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.style-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid transparent}.style-header:hover{background:#f1f5f9}.style-header span{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.style-header span i{color:var(--primary-color)}.style-toggle-icon{color:var(--text-secondary);transition:var(--transition-normal)}.style-section.open .style-toggle-icon{transform:rotate(180deg)}.style-section.open .style-header{border-bottom-color:#e2e8f0}.style-options{padding:1.25rem;display:none}.style-section.open .style-options{display:block;animation:fadeIn .3s ease}.option-group{margin-bottom:1.25rem}.option-group:last-child{margin-bottom:0}.option-group>label,.option-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.option-group>label i{color:var(--primary-color);font-size:.9rem}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.style-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:.75rem .5rem;border:2px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:var(--bg-secondary)}.style-option:hover{border-color:var(--primary-color);background:rgba(102,126,234,.05)}.style-option.active{border-color:var(--primary-color);background:rgba(102,126,234,.1)}.style-option svg{width:28px;height:28px;fill:var(--text-primary);transition:var(--transition-fast)}.style-option.active svg{fill:var(--primary-color)}.style-option span{font-size:.75rem;font-weight:600;color:#374151;text-align:center}.style-option.active span{color:#4338ca}.color-mode-tabs{display:flex;gap:.5rem;background:#f1f5f9;padding:4px;border-radius:var(--radius-md)}.color-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.6rem 1rem;border:none;background:0 0;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.color-mode-tab:hover{color:var(--text-primary)}.color-mode-tab.active{background:var(--bg-secondary);color:var(--primary-color);box-shadow:var(--shadow-sm)}.color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.color-picker-group{display:flex;flex-direction:column;gap:.5rem}.color-picker-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.color-picker-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:2px solid #e2e8f0;border-radius:var(--radius-sm);padding:4px 8px;transition:var(--transition-fast)}.color-picker-wrapper:focus-within{border-color:var(--primary-color)}.color-picker-wrapper input[type=color]{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;padding:0;background:0 0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:6px}.color-hex{flex:1;border:none;background:0 0;font-family:monospace;font-size:.85rem;color:var(--text-primary);text-transform:uppercase;padding:4px;min-width:0}.color-hex:focus{outline:0}.gradient-options{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.gradient-type-selector{margin-bottom:1rem}.gradient-type-selector label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.gradient-types{display:flex;gap:.5rem}.gradient-type-btn{flex:1;padding:.6rem;border:2px solid #e2e8f0;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary)}.gradient-type-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.gradient-type-btn.active{border-color:var(--primary-color);background:rgba(102,126,234,.1);color:var(--primary-color)}.gradient-colors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.gradient-preview{margin-top:1rem;height:40px;border-radius:var(--radius-sm);border:1px solid #e2e8f0}.preset-colors{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.preset-colors label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.preset-grid{display:flex;gap:.5rem;flex-wrap:wrap}.preset-btn{width:36px;height:36px;padding:3px;border:2px solid #e2e8f0;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.preset-btn:hover{border-color:var(--primary-color);transform:scale(1.1)}.preset-btn span{display:block;width:100%;height:100%;border-radius:4px}.preview-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);position:sticky;top:100px}.preview-header{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.preview-header i{color:var(--primary-color)}.preview-container{display:flex;justify-content:center;align-items:center;min-height:250px}.preview-qr{position:relative;width:100%;max-width:250px;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary);text-align:center}.preview-placeholder i{font-size:4rem;opacity:.3}.preview-placeholder p{font-size:.9rem}#previewImage{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:var(--primary-color)}.btn-preview{width:100%;padding:.75rem 1.5rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:1rem}.btn-preview:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-preview:active{transform:translateY(0)}.btn-preview i{font-size:.9rem}.preview-info{text-align:center;margin-top:.75rem}.preview-info small{color:var(--text-secondary);font-size:.8rem}.qr-result-section{margin-top:2rem;display:flex;justify-content:center}.qr-result-section .qr-result{max-width:400px;width:100%;background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center}@media screen and (max-width:768px){.style-grid{grid-template-columns:repeat(3,1fr)}.color-pickers{grid-template-columns:1fr}.gradient-colors{grid-template-columns:1fr}.preview-card{position:static}.content-type-tabs{gap:8px}.content-tab{padding:10px 12px}.form-control{padding:12px 14px}.style-header{padding:.875rem 1rem}.style-options{padding:1rem}.option-group{margin-bottom:1.25rem}.format-btn{padding:12px}}@media screen and (max-width:480px){.style-grid{grid-template-columns:repeat(2,1fr)}.color-mode-tabs{flex-direction:column}.gradient-types{flex-wrap:wrap}.gradient-type-btn{flex:0 0 calc(50% - 0.25rem)}.content-type-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.content-tab{padding:10px 8px}.content-tab i{font-size:1.1rem}.content-tab span{font-size:.65rem}.form-control{padding:12px 14px;font-size:16px}textarea.form-control{min-height:100px}.color-input-group input[type=color]{width:44px;height:44px}.color-input-group input[type=text]{font-size:14px;padding:10px}.format-selector{flex-direction:column}.format-btn{padding:14px;font-size:.95rem}.size-select{padding:14px;font-size:16px}.btn-preview{padding:14px;font-size:1rem}.btn-generate{padding:16px;font-size:1.05rem}.upload-area{padding:1.25rem}.upload-text h4{font-size:.95rem}.preset-btn{width:36px;height:36px}}@media screen and (max-width:360px){.content-type-tabs{grid-template-columns:repeat(3,1fr)}.content-tab span{display:none}.content-tab{padding:12px}.content-tab i{font-size:1.3rem}.style-grid{gap:8px}.style-option{padding:8px}.style-option span{font-size:.7rem}}.legal-page{background:var(--bg-primary)}.legal-section{padding:60px 0;min-height:calc(100vh - 200px)}.legal-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;max-width:900px;margin:0 auto}.legal-header{background:var(--primary-gradient);padding:3rem 2rem;text-align:center;color:#fff}.legal-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.legal-icon i{font-size:2.5rem;color:#fff}.legal-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.legal-updated{opacity:.9;font-size:.95rem}.legal-updated i{margin-right:6px}.legal-content{padding:2.5rem}.legal-intro{font-size:1.1rem;color:var(--text-secondary);padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:2rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:12px}.section-number{width:32px;height:32px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.legal-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.info-card{background:var(--bg-primary);padding:1.25rem;border-radius:var(--radius-md);text-align:center}.info-card i{font-size:1.5rem;color:var(--primary-color);margin-bottom:.75rem}.info-card h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-card p{font-size:.85rem;margin-bottom:0}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature-list li{display:flex;align-items:center;gap:10px;padding:.75rem 1rem;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-secondary)}.feature-list li i{color:var(--primary-color);width:20px}.check-list{list-style:none;padding:0}.check-list li{display:flex;align-items:flex-start;gap:12px;padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid #f0f0f0}.check-list li:last-child{border-bottom:none}.check-list li i{color:var(--primary-color);margin-top:3px}.check-list.green li i{color:var(--success-color)}.check-list.warning li i{color:var(--danger-color)}.alert-box,.highlight-box,.warning-box{display:flex;align-items:flex-start;gap:12px;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-top:1rem}.alert-box{background:rgba(79,172,254,.1);border-left:4px solid var(--accent-color)}.alert-box i{color:var(--accent-color);font-size:1.25rem}.highlight-box{background:rgba(102,126,234,.1);border-left:4px solid var(--primary-color)}.highlight-box i{color:var(--primary-color);font-size:1.25rem}.warning-box{background:rgba(255,193,7,.1);border-left:4px solid var(--warning-color)}.warning-box i{color:var(--warning-color);font-size:1.25rem}.alert-box p,.highlight-box p,.warning-box p{margin-bottom:0}.time-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.time-card{background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-md);text-align:center;border:2px solid #e2e8f0}.time-card i{font-size:2rem;color:var(--primary-color);margin-bottom:.75rem}.time-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.time-card p{font-size:.9rem;margin-bottom:0}.service-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.service-feature{background:var(--bg-primary);padding:1.25rem;border-radius:var(--radius-md);text-align:center}.service-feature i{font-size:1.75rem;color:var(--primary-color);margin-bottom:.75rem}.service-feature h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.service-feature p{font-size:.85rem;margin-bottom:0}.two-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.two-columns .column{background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-md)}.two-columns h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.two-columns h4 i{margin-right:8px;color:var(--primary-color)}.two-columns p{font-size:.9rem;margin-bottom:0}.contact-box{background:var(--bg-primary);padding:1.5rem;border-radius:var(--radius-md);text-align:center;margin-top:1rem}.contact-link{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--primary-color);text-decoration:none;transition:var(--transition-normal)}.contact-link:hover{color:var(--secondary-color)}.legal-footer{padding:1.5rem 2.5rem 2.5rem;text-align:center}.btn-back{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:var(--transition-normal)}.btn-back:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}@media screen and (max-width:768px){.legal-header{padding:2rem 1.5rem}.legal-header h1{font-size:1.75rem}.legal-icon{width:60px;height:60px}.legal-icon i{font-size:1.75rem}.legal-content{padding:1.5rem}.info-cards,.service-features{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.time-cards,.two-columns{grid-template-columns:1fr}}@media screen and (max-width:480px){.legal-section{padding:30px 0}.legal-card{border-radius:var(--radius-md)}.legal-header{padding:1.5rem 1rem}.legal-header h1{font-size:1.5rem}.legal-content{padding:1.25rem}.legal-content h2{font-size:1.2rem}.section-number{width:28px;height:28px;font-size:.8rem}}.capabilities-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-primary) 0,#eef2f7 100%)}.capabilities-category{margin-bottom:50px}.capabilities-category:last-child{margin-bottom:0}.category-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:25px;padding-left:15px;border-left:4px solid var(--primary-color)}.category-title i{color:var(--primary-color);font-size:1.3rem}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.capability-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:25px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.capability-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.capability-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(102,126,234,.3)}.capability-card:hover::before{transform:scaleX(1)}.capability-icon{width:55px;height:55px;background:var(--primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.capability-icon i{font-size:1.5rem;color:#fff}.capability-card h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.capability-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.capability-card.variant-wifi .capability-icon{background:linear-gradient(135deg,#00c853 0,#00e676 100%);box-shadow:0 4px 15px rgba(0,200,83,.3)}.capability-card.variant-vcard .capability-icon{background:linear-gradient(135deg,#2196f3 0,#03a9f4 100%);box-shadow:0 4px 15px rgba(33,150,243,.3)}.capability-card.variant-sms .capability-icon{background:linear-gradient(135deg,#ff9800 0,#ffb74d 100%);box-shadow:0 4px 15px rgba(255,152,0,.3)}.capability-card.variant-email .capability-icon{background:linear-gradient(135deg,#e91e63 0,#f06292 100%);box-shadow:0 4px 15px rgba(233,30,99,.3)}.capability-card.variant-phone .capability-icon{background:linear-gradient(135deg,#9c27b0 0,#ba68c8 100%);box-shadow:0 4px 15px rgba(156,39,176,.3)}.capability-card.variant-text .capability-icon{background:linear-gradient(135deg,#607d8b 0,#90a4ae 100%);box-shadow:0 4px 15px rgba(96,125,139,.3)}.capability-card.variant-styles .capability-icon{background:linear-gradient(135deg,#ff5252 0,#ff8a80 100%);box-shadow:0 4px 15px rgba(255,82,82,.3)}.capability-card.variant-colors .capability-icon{background:linear-gradient(135deg,#7c4dff 0,#b388ff 100%);box-shadow:0 4px 15px rgba(124,77,255,.3)}.capability-card.variant-preview .capability-icon{background:linear-gradient(135deg,#00bcd4 0,#4dd0e1 100%);box-shadow:0 4px 15px rgba(0,188,212,.3)}.capability-card.variant-png .capability-icon{background:linear-gradient(135deg,#4caf50 0,#81c784 100%);box-shadow:0 4px 15px rgba(76,175,80,.3)}.capability-card.variant-svg .capability-icon{background:linear-gradient(135deg,#ff6f00 0,#ffb74d 100%);box-shadow:0 4px 15px rgba(255,111,0,.3)}.capability-card.variant-sizes .capability-icon{background:linear-gradient(135deg,#3f51b5 0,#7986cb 100%);box-shadow:0 4px 15px rgba(63,81,181,.3)}@media screen and (max-width:768px){.capabilities-section{padding:50px 0}.category-title{font-size:1.25rem;padding-left:12px}.capabilities-grid{grid-template-columns:1fr;gap:15px}.capability-card{padding:20px}.capability-icon{width:48px;height:48px}.capability-icon i{font-size:1.25rem}}@media screen and (max-width:480px){.capabilities-section{padding:40px 0}.capabilities-category{margin-bottom:35px}.category-title{font-size:1.1rem;gap:10px}.capability-card h4{font-size:1.05rem}.capability-card p{font-size:.9rem}}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);padding:0 20px}.faq-item.open .faq-answer{max-height:500px;padding:0 20px 20px}.faq-item.open .faq-question{background:rgba(102,126,234,.05)}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.fa-chevron-up::before{content:"\f077"}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}@media(max-width:768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1.1rem}}