:root{--primary-color:#fc5c6c;--primary-light:#fd8d98;--primary-dark:#e84756;--primary-transparent:rgba(252,92,108,0.8);--secondary-color:#3a7bd5;--secondary-light:#629bec;--secondary-dark:#2a5eaa;--secondary-transparent:rgba(58,123,213,0.9);--success-color:#48d1a8;--warning-color:#ffcd56;--error-color:#ff5252;--info-color:#56a4ff;--white:#ffffff;--light-gray:#f5f5f7;--medium-gray:#e0e0e5;--gray:#adadb3;--dark-gray:#555560;--black:#333333;--text-primary:#333333;--text-secondary:#555560;--text-light:#777780;--text-on-primary:#ffffff;--text-on-secondary:#ffffff;--background-main:#ffffff;--background-alt:#f5f5f7;--background-card:#ffffff;--border-light:#e0e0e5;--border-medium:#adadb3;--border-dark:#555560;--shadow-color:rgba(0,0,0,0.1);--shadow-color-dark:rgba(0,0,0,0.2);--link-color:#fc5c6c;--link-hover-color:#e84756;--link-active-color:#d53545;--link-visited-color:#fd8d98;--button-primary-bg:#fc5c6c;--button-primary-text:#ffffff;--button-secondary-bg:#1f1f29;--button-secondary-text:#ffffff;--button-outline-color:#fc5c6c;--button-disabled-bg:#adadb3;--button-disabled-text:#ffffff;--input-border:#e0e0e5;--input-focus-border:#fc5c6c;--input-bg:#ffffff;--input-focus-bg:#ffffff;--input-text:#333333;--input-placeholder:#adadb3;--input-disabled-bg:#f5f5f7;--input-disabled-text:#777780;--checkbox-bg:#ffffff;--checkbox-checked-bg:#fc5c6c;--font-family-primary:Arial,sans-serif;--font-family-secondary:Arial,sans-serif;--font-family-monospace:'Courier New',monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:9999px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}[data-theme="dark"]{--background-main:#111118;--background-alt:#1a1a24;--background-card:#1e1e2a;--text-primary:#e8e8f0;--text-secondary:#a0a0b8;--text-light:#7878a0;--border-light:#2a2a3a;--border-medium:#3a3a50;--border-dark:#505070;--shadow-color:rgba(0,0,0,0.4);--shadow-color-dark:rgba(0,0,0,0.6);--input-bg:#1e1e2a;--input-border:#2a2a3a;--input-focus-bg:#252535;--input-text:#e8e8f0;--input-placeholder:#5a5a78;--input-disabled-bg:#1a1a24;--input-disabled-text:#5a5a78;--checkbox-bg:#1e1e2a}*{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}@import url('config.css');.site-header{background-color:#fc5c6c;color:white;padding:1rem 2rem;display:flex;justify-content:flex-start;align-items:center;gap:2rem;position:relative;z-index:1001;box-sizing:border-box;width:100%;max-width:100vw}.header-tools{display:flex;align-items:center;gap:1rem;margin-left:auto}.search-form{display:flex;align-items:center;background:rgba(255,255,255,0.1);border-radius:6px;padding:0.4rem 0.75rem;transition:all 0.3s ease;position:relative}.search-form.focused{background:rgba(255,255,255,0.15);box-shadow:0 0 0 2px rgba(255,255,255,0.2)}.search-form button:focus,.search-form input:focus{outline:none}.search-form.searching{animation:pulse 1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.search-form input{background:transparent;border:none;color:white;padding:0.25rem 0.5rem;width:180px;font-size:0.9rem;margin-left:0.25rem}.search-form .search-icon{opacity:0.7;color:white;transition:opacity 0.2s ease}.search-form.focused .search-icon{opacity:0.9}.search-form input::placeholder{color:rgba(255,255,255,0.7);font-size:0.9rem}.search-form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:16px;width:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") center/contain no-repeat;opacity:0.7;cursor:pointer}.search-form input::-webkit-search-cancel-button:hover{opacity:1}.search-form input:focus{outline:none}.search-form button{background:none;border:none;color:white;padding:0.25rem;cursor:pointer;display:flex;align-items:center;opacity:0;transition:all 0.2s ease;transform:translateX(-8px);margin-left:-0.25rem;border-radius:4px}.search-form.focused button,.search-form input:not(:placeholder-shown)+button{opacity:0.7;transform:translateX(0)}.search-form button svg{stroke-linecap:round;stroke-linejoin:round;transform:scale(0.9);transition:transform 0.2s ease}.search-form button:hover svg{transform:scale(1)}.search-form button:hover{opacity:1}.dropdown{position:relative}.hamburger,.profile-button{background:none;border:none;color:white;padding:0.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:all 0.3s ease;border-radius:6px;position:relative}.hamburger{position:relative;width:40px;height:40px;overflow:hidden}.hamburger:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.1);border-radius:6px;transform:scale(0);transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:-1}.profile-dropdown{margin-left:0.25rem}.hamburger:hover:before{transform:scale(1)}.hamburger svg{transition:transform 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}.hamburger[aria-expanded='true']{opacity:1;background-color:rgba(255,255,255,0.2)}.hamburger[aria-expanded='true'] svg{transform:rotate(90deg)}.hamburger:hover,.profile-button:hover{opacity:1}.profile-button[aria-expanded='true']{opacity:1;background-color:rgba(255,255,255,0.2);border-radius:4px;transform:scale(1.05);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.profile-button svg{transition:transform 0.3s ease,stroke 0.3s ease}.profile-button.is-logged-in{opacity:1}.profile-button.is-logged-in svg{stroke:#22c55e}.profile-button:hover svg{transform:scale(1.1)}.profile-button[aria-expanded='true'] svg{transform:scale(1.1)}.user-initial{position:absolute;right:-3px;bottom:-3px;background-color:#fff;color:#fc5c6c;width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:bold;border:2px solid #fc5c6c;animation:fadeIn 0.3s ease-in-out;z-index:2}.user-greeting{font-size:0.875rem;font-weight:500;color:#fff;margin-left:0.4rem;white-space:nowrap;animation:fadeIn 0.3s ease-in-out}@media (max-width:768px){.user-greeting{display:none}}.profile-menu{min-width:220px;right:0;transform-origin:top right;background-color:rgba(31,31,41,0.95);backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);overflow:hidden}.user-info{padding:0.75rem 1rem;border-bottom:1px solid rgba(0,0,0,0.08);margin-bottom:0.5rem;background-color:#fff}.user-name{font-weight:600;font-size:0.95rem;margin-bottom:0.25rem;color:#111}.user-email{font-size:0.8rem;color:#666;overflow:hidden;text-overflow:ellipsis;max-width:200px}.profile-menu a.login-link,.profile-menu a.register-link{display:flex;align-items:center;gap:0.75rem;transition:all 0.3s ease;border-radius:4px;margin:0 0.5rem;width:calc(100% - 1rem);padding:0.85rem 0.75rem}.profile-menu a.login-link::before{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fc5c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpolyline points='10 17 15 12 10 7'/%3E%3Cline x1='15' y1='12' x2='3' y2='12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.profile-menu a.register-link::before{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fc5c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cline x1='20' y1='8' x2='20' y2='14'/%3E%3Cline x1='23' y1='11' x2='17' y2='11'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.dropdown-menu{position:absolute;top:calc(100%+0.5rem);right:1rem;background:white;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);padding:0.75rem 0;min-width:200px;z-index:1002;opacity:0;visibility:hidden;transition:opacity 0.3s cubic-bezier(0.25,1,0.5,1),visibility 0.3s cubic-bezier(0.25,1,0.5,1),transform 0.3s cubic-bezier(0.25,1,0.5,1);transform:translateY(-12px) scale(0.98);pointer-events:none;overflow:hidden;border:1px solid rgba(0,0,0,0.05);max-height:calc(100vh - 100px);overflow-y:auto}.dropdown-menu:not([hidden]){opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;animation:menuAppear 0.4s cubic-bezier(0.25,1,0.5,1)}@keyframes menuAppear{0%{opacity:0;transform:translateY(-12px) scale(0.98)}40%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.dropdown-menu li{list-style:none}.dropdown-menu a{color:#333;text-decoration:none;padding:0.75rem 1rem;display:block;transition:all 0.3s ease;font-weight:500}.dropdown-menu a:hover{background-color:#f8f8f8;color:#fc5c6c;transform:translateX(2px)}.profile-menu a:hover{background-color:rgba(252,92,108,0.08);transform:translateX(3px);box-shadow:0 2px 8px rgba(252,92,108,0.1)}.profile-menu a.profile-link,.profile-menu a.settings-link,.profile-menu a.logout-link{display:flex;align-items:center;gap:0.75rem;transition:all 0.3s ease;border-radius:4px;margin:0 0.5rem;width:calc(100% - 1rem);padding:0.85rem 0.75rem}.profile-menu a.profile-link::before{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fc5c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.profile-menu a.settings-link::before{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fc5c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.profile-menu a.logout-link::before{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fc5c6c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'%3E%3C/path%3E%3Cpolyline points='16 17 21 12 16 7'%3E%3C/polyline%3E%3Cline x1='21' y1='12' x2='9' y2='12'%3E%3C/line%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.site-header h1{margin:0;font-size:1.5rem;flex-shrink:0}.site-header h1 a{color:white;text-decoration:none}.site-header nav{flex:1}.site-header nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem;flex-wrap:nowrap}.site-header nav a{color:white;text-decoration:none;opacity:0.8;transition:opacity 0.2s;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current='page']{opacity:1}@media (max-width:1024px){.site-header{padding:1rem 1.5rem}.site-header nav ul{gap:1.5rem}.search-form input{width:160px}}@media (max-width:900px){.search-form input{width:140px}}@media (max-width:768px){.site-header{padding:0.75rem 1rem;flex-wrap:wrap}.site-header nav{order:3;width:100%;max-width:100vw;margin-top:0.75rem}.site-header nav ul{gap:1rem;justify-content:space-between;padding:0.5rem 0}.search-form input{width:120px}}@media (max-width:600px){.site-header{justify-content:space-between;padding:1rem;box-sizing:border-box;width:100%;max-width:100vw}.site-header nav{display:none}.dropdown-menu{min-width:280px;right:-1rem;box-shadow:0 10px 30px rgba(0,0,0,0.15),0 5px 15px rgba(0,0,0,0.1);max-height:80vh;overflow-y:auto;padding:0.85rem 0}.dropdown-menu a{padding:0.875rem 1.25rem;font-size:1.05rem}.hamburger{width:45px;height:45px;margin-right:-0.5rem}.menu-section-title{color:#000000 !important;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;padding:0.75rem 1.25rem 0.5rem;font-weight:600;margin-top:0.75rem}.menu-section-title:first-child{margin-top:0}.dropdown-menu{padding:1rem 0}.dropdown-menu li{margin-bottom:2px;list-style:none}.dropdown-menu a{display:flex;align-items:center;padding:0.85rem 1.25rem;font-weight:500;transition:all 0.3s ease;border-radius:6px;margin:0 0.5rem;width:calc(100% - 1rem);color:#333;text-decoration:none}.dropdown-menu a:hover{background-color:rgba(252,92,108,0.08);transform:translateX(3px);color:#fc5c6c}.dropdown-menu a:active{background-color:rgba(252,92,108,0.15)}.search-form{margin-right:0.5rem}.search-form input{width:100px}.profile-dropdown{margin-left:0.15rem}.profile-button,.hamburger{padding:0.4rem}.profile-menu{right:-0.5rem}}@media (max-width:380px){.site-header{padding:0.75rem}.site-header h1{font-size:1.25rem}.search-form input{width:80px}}@media (max-width:320px){.site-header{padding:0.5rem;gap:0.75rem}.site-header h1{font-size:1.1rem}.hamburger,.profile-button{width:36px;height:36px}.search-form{padding:0.25rem 0.5rem}.search-form input{width:60px}.header-tools{gap:0.5rem}}.dropdown-menu.is-closing{opacity:0;transform:translateY(-12px) scale(0.98);pointer-events:none}.user-initial.is-logged-in{background-color:#22c55e;color:#fff;border-color:#22c55e}.header-stats-bar{display:flex;align-items:center;justify-content:center;gap:0.6rem;background:rgba(0,0,0,0.18);padding:0.3rem 1rem;font-size:0.75rem;color:rgba(255,255,255,0.7);letter-spacing:0.02em;min-height:28px}.header-stats-bar:empty{display:none}.header-stats-flags{display:flex;gap:0.25rem;font-size:0.95rem;line-height:1}.header-stats-flag{cursor:default}site-footer,.site-footer{display:block;position:relative;background-color:#fc5c6c;color:white;padding:0.75rem 2rem;margin-top:2rem;width:100%;max-width:100vw;box-sizing:border-box;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font-size:0.9rem;padding:0.75rem 0}@media (max-width:1024px){.footer-content{padding:1rem 0}.site-footer nav ul{gap:1.75rem}}@media (max-width:900px){.footer-content{grid-template-columns:1fr 1fr;row-gap:1.5rem}.footer-left{grid-column:1 / -1;grid-row:1}.site-footer nav{grid-column:1;grid-row:2}.social-links{grid-column:2;grid-row:2}.site-footer nav ul{justify-content:flex-start}}@media (max-width:768px){site-footer,.site-footer{padding:0.75rem 1rem}.footer-content{display:flex;flex-direction:column;gap:1.25rem;text-align:center;padding:0.75rem 0}.footer-left,.social-links{justify-content:center}.site-footer nav ul{gap:1.5rem;flex-wrap:wrap;justify-content:center}}@media (max-width:480px){site-footer,.site-footer{padding:0.75rem 0.5rem;box-sizing:border-box;width:100%;overflow-x:hidden}.footer-content{gap:1rem;width:100%}.site-footer nav ul{gap:1rem;flex-direction:column}.site-footer p.copyright{font-size:0.8rem}.social-links{gap:1rem}}@media (max-width:320px){site-footer,.site-footer{padding:0.5rem 0.25rem;min-width:320px}.footer-content{gap:0.75rem}.social-links{gap:0.75rem;flex-wrap:wrap;justify-content:center}.social-links a{margin:0 0.25rem}.site-footer p.copyright{font-size:0.75rem;text-align:center}}.site-footer p.copyright{margin:0;opacity:0.8;font-size:0.85rem;white-space:nowrap;text-align:left}.site-footer p.version{margin:0.15rem 0 0;opacity:0.4;font-size:0.7rem;text-align:left;font-family:monospace;letter-spacing:0.03em}.footer-left{flex:1;display:flex;justify-content:flex-start}.social-links{display:flex;gap:1.5rem;align-items:center;justify-content:flex-end}.social-links a{color:white;opacity:0.7;transition:opacity 0.2s;line-height:0;display:flex;align-items:center;justify-content:center}.social-links a:hover{opacity:1}.social-links svg{width:20px;height:20px;transition:transform 0.2s ease}.social-links a:hover svg{transform:scale(1.1)}.site-footer nav ul{display:flex;margin:0;padding:0;align-items:center;list-style:none;gap:2rem;justify-content:center}.site-footer nav ul li{display:flex;align-items:center}.site-footer nav ul li a{color:#fff;text-decoration:none;transition:all 0.3s ease;padding:0.2rem 0;position:relative}.site-footer nav ul li a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#fff;transition:width 0.3s ease;opacity:0.8}.site-footer nav ul li a:hover{color:#fff}.site-footer nav ul li a:hover::after{width:100%}*,*::before,*::after{box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--background-main,white);color:var(--text-primary,#333);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;min-width:320px;margin:0;padding:0;width:100%;overflow-x:hidden}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1;min-height:calc(100vh - 160px);box-sizing:border-box}.hero{padding:3rem 2rem;margin:1rem auto 2rem;color:#333;display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:#fc5c6c;border-radius:12px;max-width:1200px;box-sizing:border-box}.hero-content{text-align:center}.hero h2{font-size:2.5rem;margin-bottom:1rem;color:white}.hero p{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:rgba(255,255,255,0.9)}.hero img{max-width:100%;height:auto;margin:2rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.hero-cta{text-align:left}.hero-image{width:100%;max-width:550px;display:flex;justify-content:center}.hero-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}@media (min-width:768px){.hero{flex-direction:row;justify-content:space-between;padding:4rem 2rem;align-items:center}.hero-content{flex:1;margin-right:2rem}.hero-image{flex:1}}.cta-button{background-color:white;color:#fc5c6c;padding:0.5rem 1.5rem;text-decoration:none;border-radius:5px;display:inline-block;margin-top:1rem;font-weight:500;border:2px solid white;transition:all 0.3s ease}.cta-button:hover{background-color:transparent;color:white;transform:translateY(-2px)}.site-image{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto;margin-bottom:20px}.privacy-policy section,.terms-of-service section{margin:2rem 0;padding:0 1rem}.privacy-policy section:not(.hero),.terms-of-service section:not(.hero){max-width:800px;margin:2rem auto}.privacy-policy h2,.terms-of-service h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.privacy-policy h3,.terms-of-service h3{color:#444;margin:1.5rem 0 0.75rem;font-size:1.2rem}.privacy-policy ul,.terms-of-service ul{margin:1rem 0;padding-left:2rem}.privacy-policy ul li,.terms-of-service ul li{margin-bottom:0.5rem;color:#555}.privacy-policy p,.terms-of-service p{color:#555;line-height:1.6;margin-bottom:1rem}.team-profiles{margin:3rem 0;text-align:center}.team-profiles h3{font-size:2rem;margin-bottom:2.5rem;color:white;position:relative;display:inline-block}.team-profiles h3:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:rgba(255,255,255,0.6)}.profile-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-top:2rem}.profile-card{background-color:rgba(255,255,255,0.85);border-radius:12px;padding:1.5rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}.profile-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.profile-image{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 5px 15px rgba(0,0,0,0.2);display:block;position:relative}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;display:block}.profile-card:hover .profile-image img{transform:scale(1.1)}.profile-card h4{font-size:1.3rem;margin:0.5rem 0;color:#000000;font-weight:bold}.profile-card .job-title{font-size:1rem;font-weight:bold;color:#000000;margin-bottom:1rem}.profile-card .job-description{font-size:0.9rem;line-height:1.5;color:#000000}@media (max-width:768px){.profile-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.profile-image{width:120px;height:120px}.team-profiles h3{font-size:1.75rem;margin-bottom:2rem}.profile-card{padding:1.25rem}.profile-card .job-description{font-size:0.85rem}}@media (max-width:600px){.team-profiles{margin:2rem 0}.profile-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem}.profile-image{width:100px;height:100px;margin-bottom:1rem}.profile-card h4{font-size:1.1rem}.profile-card .job-title{font-size:0.9rem;margin-bottom:0.75rem}}@media (max-width:480px){.profile-container{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}.profile-image{width:120px;height:120px}.team-profiles h3{font-size:1.5rem}}@media (max-width:350px){.profile-container{max-width:100%}}.contact-hero{text-align:center;padding:0.6rem 1rem 1rem;background-color:#fc5c6c;border-radius:8px;margin-bottom:2rem;color:white}.contact-hero h2{color:white;font-size:1.8rem;margin-bottom:0.4rem}.contact-hero p{color:rgba(255,255,255,0.9);font-size:1.2rem;max-width:600px;margin:0 auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.button{display:inline-block;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s ease;cursor:pointer}.button-primary{background:var(--primary-color);color:white}.button-secondary{background:var(--secondary-color);color:white}.button-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.button-large{padding:14px 32px;font-size:1.1rem}section{padding:80px 0}section h2{font-size:2.5rem;margin-bottom:20px;text-align:center}section p.section-intro{font-size:1.1rem;line-height:1.6;margin-bottom:40px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.hero{display:flex;align-items:center;justify-content:space-between;min-height:85vh;padding:0 50px;background:linear-gradient(135deg,var(--background-color) 0%,var(--highlight-color,var(--primary-light)) 100%);border-radius:0;margin:0;max-width:none}.hero-content{max-width:600px;text-align:left}.hero-content h2{font-size:3.5rem;line-height:1.2;margin-bottom:20px;color:var(--text-color);text-align:left}.hero-content p{font-size:1.25rem;margin-bottom:40px;color:var(--text-secondary)}.hero-cta .cta-button{padding:16px 36px;font-size:1.2rem;border-radius:8px;background:var(--primary-color);color:white;text-decoration:none;transition:all 0.3s ease;display:inline-block}.hero-cta .cta-button:hover{background:var(--secondary-color);transform:translateY(-3px);box-shadow:0 10px 20px rgba(58,123,213,0.1)}.about-section{background-color:var(--background-color)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.about-card{background:var(--card-background,white);border-radius:10px;padding:30px;box-shadow:0 4px 20px rgba(58,123,213,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(58,123,213,0.1)}.about-card img{width:100%;height:auto;border-radius:6px;margin-bottom:20px}.about-card h3{font-size:1.5rem;margin-bottom:15px}.services-section{background-color:var(--background-alt,#f5f5f5)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px}.service-card{background:var(--card-background,white);border-radius:10px;padding:30px;box-shadow:0 4px 20px rgba(58,123,213,0.05);text-align:center;transition:transform 0.3s ease}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:20px}.investment-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--card-background,white);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(58,123,213,0.05)}.investment-card img{width:100%;height:100%;object-fit:cover}.investment-content{padding:40px}.investment-content h3{font-size:1.8rem;margin-bottom:20px}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);text-align:center;color:white}.cta-section h2,.cta-section p{color:white}.cta-buttons{display:flex;justify-content:center;gap:20px}[data-theme="dark"] body{background-color:#111118;color:#e8e8f0}[data-theme="dark"] main{background-color:#111118}[data-theme="dark"] .about-card,[data-theme="dark"] .service-card,[data-theme="dark"] .investment-card{background:#1e1e2a;box-shadow:0 4px 20px rgba(0,0,0,0.4);color:#e8e8f0}[data-theme="dark"] .about-card h3,[data-theme="dark"] .service-card h3,[data-theme="dark"] .investment-content h3{color:#e8e8f0}[data-theme="dark"] .services-section{background-color:#1a1a24}[data-theme="dark"] .profile-card{background-color:rgba(30,30,42,0.95);color:#e8e8f0}[data-theme="dark"] .profile-card h4,[data-theme="dark"] .profile-card .job-title,[data-theme="dark"] .profile-card .job-description{color:#e8e8f0}[data-theme="dark"] .privacy-policy h2,[data-theme="dark"] .terms-of-service h2{color:#e8e8f0}[data-theme="dark"] .privacy-policy h3,[data-theme="dark"] .terms-of-service h3{color:#c0c0d8}[data-theme="dark"] .privacy-policy p,[data-theme="dark"] .privacy-policy ul li,[data-theme="dark"] .terms-of-service p,[data-theme="dark"] .terms-of-service ul li{color:#a0a0b8}[data-theme="dark"] section h2{color:#e8e8f0}[data-theme="dark"] section p.section-intro{color:#a0a0b8}@media (max-width:768px){.hero{flex-direction:column;padding:50px 20px}.hero-content{text-align:center;margin-bottom:40px;margin-right:0}.hero-content h2{font-size:2.5rem;text-align:center}.investment-card{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}:root{--qr-primary-color:#fc5c6c;--qr-primary-dark:#e84e5e;--qr-accent-color:#fc5c6c;--qr-background-color:#f5f5f5;--qr-card-background:#ffffff;--qr-text-color:#333333;--qr-border-color:#e0e0e0;--qr-success-color:#43a047;--qr-success-dark:#388e3c;--qr-error-color:#e53935;--qr-shadow-color:rgba(0,0,0,0.1)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:var(--qr-background-color);min-height:100vh;color:var(--qr-text-color)}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 20px;box-sizing:border-box}.qr-hero{text-align:center;max-width:720px;width:100%;margin-bottom:40px;padding:48px 24px 52px;position:relative}.qr-hero::before{content:'';position:fixed;top:0;left:0;width:100%;height:420px;background:radial-gradient(ellipse at 50% 0%,rgba(252,92,108,0.15) 0%,rgba(252,92,108,0.04) 50%,transparent 75%);pointer-events:none;z-index:0}.qr-hero>*{position:relative;z-index:1}.qr-hero-eyebrow{font-size:0.78rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--qr-primary-color);margin-bottom:14px}.qr-hero-headline{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;color:var(--qr-text-color);margin-bottom:18px;letter-spacing:-0.02em}.qr-hero-sub{font-size:1rem;color:#777;line-height:1.7;max-width:560px;margin:0 auto 24px}.qr-hero-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.qr-hero-badges span{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:600;color:#555;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:999px;padding:5px 14px}.qr-hero-badges span i{color:var(--qr-primary-color)}[data-theme="dark"] .qr-hero::before{background:radial-gradient(ellipse at 50% 0%,rgba(252,92,108,0.1) 0%,rgba(252,92,108,0.02) 50%,transparent 75%)}[data-theme="dark"] .qr-hero-headline{color:#e8e8f0}[data-theme="dark"] .qr-hero-sub{color:#888}[data-theme="dark"] .qr-hero-badges span{background:#1e1e2a;border-color:#2a2a3a;color:#aaa}.qr-hero-link{margin-top:18px;font-size:0.9rem;color:#777}.qr-hero-link a{color:var(--qr-primary-color);font-weight:700;text-decoration:none}.qr-hero-link a:hover{text-decoration:underline}[data-theme="dark"] .qr-hero-link{color:#999}.container{background-color:var(--qr-card-background);padding:30px;border-radius:12px;box-shadow:0 4px 16px var(--qr-shadow-color);text-align:left;max-width:960px;width:100%;box-sizing:border-box;border:1px solid var(--qr-border-color)}label{display:block;margin-bottom:5px;font-weight:600;color:var(--qr-text-color);text-align:left;margin-left:0}.layout{display:flex;gap:28px;align-items:flex-start}.controls-col{flex:1;min-width:0}.preview-col{width:260px;flex-shrink:0;position:sticky;top:24px;background:#fff5f6;border:1px solid var(--qr-border-color);border-radius:12px;padding:16px 16px 20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px rgba(252,92,108,0.07)}input[type="text"]{width:100%;max-width:100%;box-sizing:border-box;padding:12px;margin-bottom:15px;border:1px solid var(--qr-border-color);border-radius:6px;font-size:1rem;transition:border-color 0.3s,box-shadow 0.3s}input[type="text"]:focus{outline:none;border-color:var(--qr-primary-color);box-shadow:0 0 0 2px rgba(252,92,108,0.2)}.color-picker-area{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.color-input-group{display:flex;flex-direction:column;align-items:flex-start;margin:5px 0;width:100%}.color-input-group label{font-size:0.8rem;font-weight:600;margin-bottom:6px;color:var(--qr-text-color)}.color-swatches{display:flex;flex-wrap:wrap;gap:6px;padding:4px 4px 6px 6px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:transform 0.15s,border-color 0.15s;flex-shrink:0}.swatch:hover{transform:scale(1.15)}.swatch.selected{border-color:var(--qr-primary-color);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--qr-primary-color)}.swatch-custom{background:#f0f0f0;border:2px dashed #aaa;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;overflow:hidden}.swatch-custom span{pointer-events:none;line-height:1}.swatch-custom input[type="color"]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}button#generateBtn{width:100%;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;background-color:var(--qr-primary-color);color:white;border:none;border-radius:6px;transition:all 0.2s;margin-top:15px;box-shadow:0 2px 5px rgba(0,0,0,0.15)}button#generateBtn:hover{background-color:var(--qr-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}button#generateBtn:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,0.15)}.qr-preview-note{margin-top:16px;text-align:center;padding:0 8px}.qr-preview-note p{margin:4px 0;font-size:0.8rem;color:#999;line-height:1.5}.qr-note-bold{font-weight:600;color:#777 !important}[data-theme="dark"] .qr-preview-note p{color:#666}[data-theme="dark"] .qr-note-bold{color:#888 !important}.qr-preview-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:0;margin-bottom:8px;padding:0 2px}.preview-label{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#888}.live-badge{font-size:0.75rem;font-weight:600;padding:2px 8px;border-radius:99px;transition:opacity 0.2s,background-color 0.3s;opacity:0}.live-badge.live{opacity:1;background-color:#e8f5e9;color:var(--qr-success-color)}.live-badge.updating{opacity:1;background-color:#fff8e1;color:#f9a825;animation:pulse 0.8s ease-in-out infinite alternate}@keyframes pulse{from{opacity:0.6}to{opacity:1}}#qrcode{width:100%;min-height:200px;margin:0;border:1px solid var(--qr-border-color);padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:box-shadow 0.3s;box-sizing:border-box}#qrcode:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1)}#qrcode canvas,#qrcode img{display:block;margin:auto;max-width:100%;height:auto}.error{color:var(--qr-error-color);margin-top:10px;font-size:0.9em;min-height:1.2em;font-weight:500;padding:5px 0}.type-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f0f0f4;padding:4px;border-radius:10px}.type-tab{flex:1;padding:8px 4px;border:none;background:transparent;border-radius:7px;font-size:0.78rem;font-weight:600;cursor:pointer;color:#666;transition:background 0.18s,color 0.18s,box-shadow 0.18s;white-space:nowrap}.type-tab i{display:block;font-size:1rem;margin-bottom:2px}.type-tab:hover{background:#fff;color:var(--qr-primary-color)}.type-tab.active{background:#fff;color:var(--qr-primary-color);box-shadow:0 1px 4px rgba(0,0,0,0.12)}.type-panel{display:none;text-align:left;margin-bottom:4px}.type-panel.active{display:block}.field-group{margin-bottom:12px}.field-group label{display:block;margin-bottom:5px;font-weight:600;font-size:0.85rem;color:var(--qr-text-color);text-align:left;margin-left:0}.field-group input[type="text"],.field-group input[type="email"],.field-group input[type="tel"],.field-group input[type="url"],.field-group input[type="password"],.field-group select,.field-group textarea{width:100%;padding:10px 12px;margin-bottom:0;border:1px solid var(--qr-border-color);border-radius:6px;font-size:0.95rem;font-family:inherit;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s;background:#fff;color:var(--qr-text-color)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:var(--qr-primary-color);box-shadow:0 0 0 2px rgba(252,92,108,0.18)}.field-group textarea{resize:vertical;min-height:70px}.field-group select{cursor:pointer}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field-group--full{grid-column:1 / -1}.optional{font-weight:400;color:#aaa;font-size:0.8em}.field-hint{display:block;font-size:0.75em;color:#aaa;margin-top:4px}.phone-input-group{display:flex;align-items:stretch}.wa-country-select{position:relative;flex-shrink:0}.wa-country-btn{display:flex;align-items:center;gap:5px;padding:0 10px;height:100%;min-height:40px;border:1px solid var(--qr-border-color);border-right:none;border-radius:6px 0 0 6px;background:#fafafa;cursor:pointer;font-size:0.9rem;white-space:nowrap;color:var(--qr-text-color);transition:background 0.15s,border-color 0.2s}.wa-country-btn:hover,.wa-country-btn[aria-expanded="true"]{background:#f0f0f0;border-color:var(--qr-primary-color)}.wa-chevron{font-size:0.7em;color:#aaa;transition:transform 0.2s}.wa-country-btn[aria-expanded="true"] .wa-chevron{transform:rotate(180deg)}.wa-phone-input{flex:1;border-radius:0 6px 6px 0 !important;border-left:none !important}.wa-phone-input:focus{border-color:var(--qr-primary-color) !important;box-shadow:0 0 0 2px rgba(252,92,108,0.18) !important;z-index:1;position:relative}.wa-country-btn:focus{outline:none;border-color:var(--qr-primary-color);z-index:1;position:relative}.wa-country-dropdown{position:absolute;top:calc(100%+4px);left:0;width:260px;background:#fff;border:1px solid var(--qr-border-color);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.13);z-index:200;overflow:hidden}.wa-country-search{width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--qr-border-color);font-size:0.85rem;font-family:inherit;background:#fafafa;color:var(--qr-text-color);box-sizing:border-box;outline:none}.wa-country-list{list-style:none;margin:0;padding:4px 0;max-height:210px;overflow-y:auto}.wa-country-list li button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:none;cursor:pointer;font-size:0.85rem;font-family:inherit;text-align:left;color:var(--qr-text-color)}.wa-country-list li button:hover,.wa-country-list li button.wa-selected{background:#f5f5f5}.wa-country-list li button .wc-flag{font-size:1.25em;line-height:1;flex-shrink:0}.wa-country-list li button .wc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-country-list li button .wc-dial{color:#aaa;font-size:0.82em;flex-shrink:0}.required{color:var(--qr-accent-color)}.styling-section{border-top:1px solid var(--qr-border-color);margin-top:16px;padding-top:16px}.size-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;z-index:1000}.size-modal-overlay[hidden]{display:none}.size-modal{background:#fff;border-radius:16px;padding:28px 24px 20px;width:340px;max-width:92vw;box-shadow:0 16px 48px rgba(0,0,0,0.22)}.size-modal h3{margin:0 0 20px;font-size:1.1rem;font-weight:700;text-align:center;color:#111}.size-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.size-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border:2px solid #e0e0e0;border-radius:10px;background:#fafafa;cursor:pointer;transition:border-color 0.15s,background 0.15s;gap:2px}.size-opt:hover{border-color:var(--qr-primary-color);background:#fff5f6}.size-opt.selected{border-color:var(--qr-primary-color);background:#fff0f1}.size-px{font-size:0.95rem;font-weight:700;color:#111}.size-name{font-size:0.75rem;color:#888}.size-opt-custom .size-px{color:var(--qr-primary-color)}.size-custom-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.size-custom-row input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:8px;font-size:0.95rem}.size-custom-row span{font-size:0.85rem;color:#666}.size-modal-sub{font-size:0.78rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.05em;margin:14px 0 8px}.format-options{display:flex;gap:10px;margin-bottom:4px}.format-opt{flex:1;padding:9px;border:2px solid #e0e0e0;border-radius:8px;background:#fafafa;font-size:0.9rem;font-weight:600;cursor:pointer;transition:border-color 0.15s,background 0.15s}.format-opt:hover{border-color:var(--qr-primary-color);background:#fff5f6}.format-opt.selected{border-color:var(--qr-primary-color);background:#fff0f1;color:var(--qr-primary-color)}[data-theme="dark"] .format-opt{background:#2a2a3a;border-color:#3a3a4a;color:#e8e8f0}[data-theme="dark"] .format-opt.selected{background:#2e1e28;border-color:var(--qr-primary-color);color:var(--qr-primary-color)}[data-theme="dark"] .size-modal-sub{color:#666}.size-modal-actions{display:flex;gap:10px;margin-top:4px}.size-btn-cancel{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:0.9rem;color:#555}.size-btn-confirm{flex:2;padding:10px;border:none;border-radius:8px;background:var(--qr-primary-color);color:#fff;font-size:0.9rem;font-weight:600;cursor:pointer;transition:opacity 0.15s}.size-btn-confirm:hover{opacity:0.88}[data-theme="dark"] .size-modal{background:#1e1e2a}[data-theme="dark"] .size-modal h3{color:#e8e8f0}[data-theme="dark"] .size-opt{background:#2a2a3a;border-color:#3a3a4a}[data-theme="dark"] .size-opt.selected{background:#2e1e28;border-color:var(--qr-primary-color)}[data-theme="dark"] .size-px{color:#e8e8f0}[data-theme="dark"] .size-custom-row input{background:#2a2a3a;border-color:#3a3a4a;color:#e8e8f0}[data-theme="dark"] .size-btn-cancel{background:#2a2a3a;border-color:#3a3a4a;color:#aaa}.logo-upload-group{margin-bottom:16px}.logo-upload-group>label{display:block;font-size:0.85rem;font-weight:600;color:var(--qr-text-color);margin-bottom:8px;text-align:left;margin-left:0}.logo-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logo-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--qr-primary-color);color:#fff;border-radius:6px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 0.2s;white-space:nowrap;margin-left:0;margin-bottom:0;font-family:inherit}.logo-upload-btn:hover{background:var(--qr-primary-dark)}.social-icons-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.social-icon-btn{width:36px;height:36px;min-width:36px;padding:0;border:2px solid transparent;border-radius:50%;background:#f0f0f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.15s,background 0.15s,border-color 0.15s;color:#555;flex-shrink:0}.social-icon-btn svg{width:18px;height:18px;display:block}.social-icon-btn:hover{transform:scale(1.12);background:var(--brand,#555);color:#fff;border-color:transparent}.social-icon-btn.active{background:var(--brand,#555);color:#fff;border-color:transparent;box-shadow:0 0 0 3px rgba(0,0,0,0.12);transform:scale(1.08)}.logo-divider{display:flex;align-items:center;gap:8px;margin:8px 0 6px;color:#aaa;font-size:0.75rem}.logo-divider::before,.logo-divider::after{content:'';flex:1;height:1px;background:var(--qr-border-color)}#logoInput{display:none}.logo-preview{display:none;align-items:center;gap:8px;background:#f5f5f5;padding:5px 10px 5px 5px;border-radius:8px;border:1px solid var(--qr-border-color)}.logo-preview img{width:36px;height:36px;object-fit:contain;border-radius:4px;background:#fff}#clearLogoBtn{background:none;border:none;font-size:1rem;cursor:pointer;color:#999;padding:0 2px;transition:color 0.2s;line-height:1}#clearLogoBtn:hover{color:var(--qr-error-color)}.download-area{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:14px}#downloadLink{display:none;padding:10px 16px;font-size:0.88rem;font-weight:600;text-decoration:none;text-align:center;background-color:var(--qr-success-color);color:white;border-radius:6px;transition:all 0.2s;box-shadow:0 2px 5px rgba(0,0,0,0.15)}#downloadLink:hover{background-color:var(--qr-success-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}#downloadSVG{display:none;padding:10px 16px;font-size:0.88rem;font-weight:600;cursor:pointer;background-color:#fd7e8a;color:white;border:none;border-radius:6px;transition:all 0.2s;box-shadow:0 2px 5px rgba(0,0,0,0.15);font-family:inherit;text-align:center}#downloadSVG:hover{background-color:#fc5c6c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.frame-section{border-top:1px solid var(--qr-border-color);padding-top:16px;margin-top:4px}.section-disabled{opacity:0.4}.section-label{display:block;font-size:0.85rem;font-weight:600;color:var(--qr-text-color);margin-bottom:10px;text-align:left}.section-label i{margin-right:5px;color:var(--qr-primary-color)}.frame-style-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.frame-style-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border:2px solid var(--qr-border-color);background:#fff;border-radius:10px;font-size:0.72rem;font-weight:600;cursor:pointer;color:#666;transition:border-color 0.18s,color 0.18s,background 0.18s,box-shadow 0.18s;font-family:inherit}.frame-style-btn:hover{border-color:var(--qr-primary-color);color:var(--qr-primary-color);background:#fff0f1}.frame-style-btn.active{border-color:var(--qr-primary-color);background:var(--qr-primary-color);color:#fff;box-shadow:0 2px 6px rgba(252,92,108,0.3)}.frame-icon{width:28px;height:28px;position:relative;flex-shrink:0}.frame-icon--none{background:#e8e8e8;border-radius:3px}.frame-style-btn.active .frame-icon--none{background:rgba(255,255,255,0.3)}.frame-icon--border{background:currentColor;border-radius:2px;box-shadow:inset 3px 3px 0 0 #fff,inset -3px -3px 0 0 #fff}.frame-style-btn:not(.active) .frame-icon--border{color:var(--qr-primary-color)}.frame-style-btn.active .frame-icon--border{color:rgba(255,255,255,0.6);box-shadow:inset 3px 3px 0 0 var(--qr-primary-color),inset -3px -3px 0 0 var(--qr-primary-color)}.frame-icon--rounded{background:currentColor;border-radius:8px;box-shadow:inset 4px 4px 0 0 #fff,inset -4px -4px 0 0 #fff}.frame-style-btn:not(.active) .frame-icon--rounded{color:var(--qr-primary-color)}.frame-style-btn.active .frame-icon--rounded{color:rgba(255,255,255,0.6);box-shadow:inset 4px 4px 0 0 var(--qr-primary-color),inset -4px -4px 0 0 var(--qr-primary-color)}.frame-icon--banner::before,.frame-icon--banner::after{content:'';position:absolute;left:0;right:0;background:currentColor}.frame-icon--banner::before{top:0;height:19px;border-radius:2px 2px 0 0;background:#e8e8e8}.frame-style-btn.active .frame-icon--banner::before{background:rgba(255,255,255,0.3)}.frame-icon--banner::after{bottom:0;height:8px;border-radius:4px;background:currentColor}.frame-style-btn:not(.active) .frame-icon--banner{color:var(--qr-primary-color)}.frame-icon--corners{background:#e8e8e8;border-radius:2px}.frame-icon--corners::before,.frame-icon--corners::after{content:'';position:absolute;width:8px;height:8px;border-color:currentColor;border-style:solid}.frame-icon--corners::before{top:2px;left:2px;border-width:2px 0 0 2px}.frame-icon--corners::after{bottom:2px;right:2px;border-width:0 2px 2px 0}.frame-style-btn:not(.active) .frame-icon--corners{color:var(--qr-primary-color)}.frame-style-btn.active .frame-icon--corners{background:rgba(255,255,255,0.25);color:#fff}.frame-options{display:none;animation:fadeSlideIn 0.2s ease}.frame-options.visible{display:block}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.frame-options-colors{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.pin-protect-section{border-top:1px solid var(--qr-border-color);padding-top:14px;margin-bottom:16px}.pin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.badge-experimental{display:inline-block;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:2px 7px;border-radius:20px;background:linear-gradient(135deg,#ff6f00,#ffa000);color:#fff;margin-left:8px;vertical-align:middle}.pin-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.toggle-label{font-size:0.88rem;color:var(--qr-text-color)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#ccc;border-radius:22px;cursor:pointer;transition:background 0.2s}.toggle-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.toggle-switch input:checked+.toggle-slider{background:var(--qr-primary-color)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(18px)}.pin-fields{display:none;flex-direction:column;gap:10px;padding:12px;background:#fff0f1;border-radius:10px;border:1px solid #ffb3bb}.pin-fields.pin-fields--active{display:flex}.pin-field-group{display:flex;flex-direction:column;gap:6px}.pin-type-picker{display:flex;gap:6px}.pin-type-btn{flex:1;padding:6px 0;border:1px solid var(--qr-border-color);border-radius:8px;background:#fff;font-size:0.8rem;cursor:pointer;color:var(--qr-text-color);transition:background 0.12s,border-color 0.12s,color 0.12s}.pin-type-btn:hover{border-color:var(--qr-primary-color);color:var(--qr-primary-color)}.pin-type-btn.active{background:var(--qr-primary-color);border-color:var(--qr-primary-color);color:#fff}.pin-fields .field-group select{width:100%;padding:8px 10px;border:1px solid var(--qr-border-color);border-radius:8px;font-size:0.85rem;background:#fff;color:var(--qr-text-color);cursor:pointer}.pin-fields .field-group select:focus{outline:none;border-color:var(--qr-primary-color)}.pin-brand-row{display:flex;gap:10px}.pin-brand-row .field-group{flex:1}.pin-brand-row input{width:100%;padding:8px 10px;border:1px solid var(--qr-border-color);border-radius:8px;font-size:0.85rem;background:#fff;color:var(--qr-text-color)}.pin-brand-row input:focus{outline:none;border-color:var(--qr-primary-color);box-shadow:0 0 0 2px rgba(252,92,108,0.15)}.pin-fields .field-group input[type="text"]{width:100%;padding:8px 10px;border:1px solid var(--qr-border-color);border-radius:8px;font-size:0.85rem;background:#fff;color:var(--qr-text-color);box-sizing:border-box}.pin-fields .field-group input[type="text"]:focus{outline:none;border-color:var(--qr-primary-color);box-shadow:0 0 0 2px rgba(252,92,108,0.15)}.pin-inputs-row{display:flex;gap:10px}.pin-inputs-row .field-group{flex:1}.pin-inputs-row input[type="password"]{width:100%;padding:8px 10px;border:1px solid var(--qr-border-color);border-radius:8px;font-size:1rem;letter-spacing:0.2em;background:#fff;color:var(--qr-text-color)}.pin-inputs-row input[type="password"]:focus{outline:none;border-color:var(--qr-primary-color);box-shadow:0 0 0 2px rgba(252,92,108,0.15)}.pin-note{font-size:0.76rem;color:#fd7e8a;line-height:1.5;margin:0}.pin-note i{margin-right:4px}.text-overlay-section{border-top:1px solid var(--qr-border-color);padding-top:14px;margin-bottom:16px}.overlay-controls{display:flex;flex-direction:column;gap:10px;margin-top:10px}.overlay-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.overlay-col{display:flex;flex-direction:column;gap:4px}.overlay-col--wide{flex:1;min-width:140px}.mini-label{font-size:0.78rem;color:#666;font-weight:500}.overlay-col select{padding:5px 8px;border:1px solid var(--qr-border-color);border-radius:6px;font-size:0.85rem;background:#fff;color:var(--qr-text-color);cursor:pointer}.overlay-col select:focus{outline:none;border-color:var(--qr-primary-color)}.overlay-col input[type="color"]{width:38px;height:32px;padding:2px;border:1px solid var(--qr-border-color);border-radius:6px;cursor:pointer;background:#fff}.overlay-col--wide input[type="range"]{width:100%}.overlay-pos-picker{display:flex;gap:6px}.overlay-pos-btn{padding:5px 12px;border:1px solid var(--qr-border-color);border-radius:6px;background:#fff;font-size:0.8rem;cursor:pointer;color:var(--qr-text-color);transition:background 0.15s,border-color 0.15s,color 0.15s}.overlay-pos-btn:hover{border-color:var(--qr-primary-color);color:var(--qr-primary-color)}.overlay-pos-btn.active{background:var(--qr-primary-color);border-color:var(--qr-primary-color);color:#fff}.pattern-section{border-top:1px solid var(--qr-border-color);padding-top:16px;margin-top:4px}.pattern-picker{display:flex;gap:8px;flex-wrap:wrap}.pattern-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:2px solid var(--qr-border-color);border-radius:8px;background:var(--qr-card-bg,#fff);cursor:pointer;font-size:0.72rem;color:var(--qr-text-color);transition:border-color 0.15s,background 0.15s}.pattern-btn svg{fill:var(--qr-text-color)}.pattern-btn:hover{border-color:var(--qr-primary-color)}.pattern-btn.active{border-color:var(--qr-primary-color);background:#fff0f1}.pattern-btn.active svg{fill:var(--qr-primary-color)}.anchor-section{border-top:1px solid var(--qr-border-color);padding-top:16px;margin-top:4px}.anchor-style-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.anchor-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border:2px solid var(--qr-border-color);background:#fff;border-radius:10px;font-size:0.72rem;font-weight:600;cursor:pointer;color:#666;transition:border-color 0.18s,color 0.18s,background 0.18s,box-shadow 0.18s;font-family:inherit;line-height:1}.anchor-btn:hover{border-color:var(--qr-primary-color);color:var(--qr-primary-color);background:#fff0f1}.anchor-btn.active{border-color:var(--qr-primary-color);background:var(--qr-primary-color);color:#fff;box-shadow:0 2px 6px rgba(252,92,108,0.3)}.anchor-icon{display:block;overflow:visible}.anchor-outer,.anchor-inner{fill:currentColor}.anchor-gap{fill:#fff}.anchor-btn.active .anchor-outer,.anchor-btn.active .anchor-inner{fill:rgba(255,255,255,0.95)}.anchor-btn.active .anchor-gap{fill:var(--qr-primary-color)}@media (max-width:740px){.layout{flex-direction:column}.preview-col{width:100%;position:static;order:-1}.container{padding:20px 16px}.controls-col,.styling-section{max-width:100%;overflow-x:hidden}.social-icons-grid{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.social-icons-grid::-webkit-scrollbar{display:none}.logo-divider{max-width:100%;overflow:hidden}#overlayText,.overlay-col--wide input[type="range"]{max-width:100%;box-sizing:border-box}.overlay-row{max-width:100%}.pattern-picker{max-width:100%;overflow-x:hidden}}.footer-visitor-stats{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;color:rgba(255,255,255,0.75);font-size:0.78rem;font-weight:500;letter-spacing:0.01em}.fvs-dot{opacity:0.5}@media (max-width:480px){.content-wrapper{padding:16px 12px 90px;overflow-x:hidden}.container{padding:16px 12px}.field-grid{grid-template-columns:1fr}.field-group--full{grid-column:1}.type-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.type-tabs::-webkit-scrollbar{display:none}.type-tab{flex:0 0 auto;font-size:0.68rem;padding:6px 8px;white-space:nowrap}.pattern-btn{padding:6px 8px;font-size:0.65rem}.frame-style-picker{grid-template-columns:repeat(3,1fr)}.anchor-style-picker{grid-template-columns:repeat(3,1fr)}.logo-grid{grid-template-columns:repeat(5,1fr);gap:6px}.color-swatches{flex-wrap:wrap}}[data-theme="dark"] .qr-generator-page{background-color:#111118;color:#e8e8f0}[data-theme="dark"] .qr-card,[data-theme="dark"] .controls-col,[data-theme="dark"] .preview-col{background:#1e1e2a;border-color:#2a2a3a;color:#e8e8f0}[data-theme="dark"] .type-tab{background:#1a1a24;color:#a0a0b8;border-color:#2a2a3a}[data-theme="dark"] .type-tab.active{background:#fc5c6c;color:#fff}[data-theme="dark"] .field-group label,[data-theme="dark"] .section-label,[data-theme="dark"] .mini-label{color:#c0c0d8}[data-theme="dark"] input[type="text"],[data-theme="dark"] input[type="url"],[data-theme="dark"] input[type="number"],[data-theme="dark"] select,[data-theme="dark"] textarea{background:#1e1e2a;color:#e8e8f0;border-color:#2a2a3a}[data-theme="dark"] input[type="text"]:focus,[data-theme="dark"] input[type="url"]:focus,[data-theme="dark"] input[type="number"]:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{border-color:#fc5c6c;background:#252535}[data-theme="dark"] .swatch-custom{background:#2a2a3a;border-color:#555;color:#aaa}[data-theme="dark"] .frame-style-btn,[data-theme="dark"] .anchor-style-btn,[data-theme="dark"] .overlay-pos-btn,[data-theme="dark"] .pin-type-btn{background:#1a1a24;color:#a0a0b8;border-color:#2a2a3a}[data-theme="dark"] .frame-style-btn.active,[data-theme="dark"] .anchor-style-btn.active,[data-theme="dark"] .overlay-pos-btn.active,[data-theme="dark"] .pin-type-btn.active{background:#fc5c6c;color:#fff}[data-theme="dark"] .social-icon-btn{background:#2a2a3a;color:#a0a0b8}[data-theme="dark"] .social-icon-btn:hover{background:var(--brand,#555);color:#fff;border-color:transparent}[data-theme="dark"] .logo-divider,[data-theme="dark"] .pin-section-header{border-color:#2a2a3a}[data-theme="dark"] .badge-experimental{background:rgba(252,92,108,0.15);color:#fc5c6c}[data-theme="dark"] .qr-preview-placeholder{background:#1a1a24;color:#5a5a78;border-color:#2a2a3a}[data-theme="dark"] .toggle-slider{background:#2a2a3a}[data-theme="dark"] .pin-fields{background:#1a1a24;border-color:#2a2a3a}.badge-pro{display:inline-block;font-size:0.58rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:2px 5px;border-radius:20px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;margin-left:5px;vertical-align:middle;pointer-events:none;line-height:1.4}.upgrade-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.upgrade-modal-overlay[hidden]{display:none}.upgrade-modal{background:#fff;border-radius:16px;padding:36px 28px 24px;max-width:720px;width:100%;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.2)}.upgrade-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#999;padding:4px}.upgrade-modal-close:hover{color:#333}.upgrade-modal-header{text-align:center;margin-bottom:20px}.upgrade-modal-lock{font-size:2rem;display:block;margin-bottom:6px}.upgrade-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 6px;color:#111}.upgrade-pro-word{color:#7c3aed}.upgrade-modal-sub{color:#666;font-size:0.88rem;margin:0;line-height:1.5}.billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:20px;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}.billing-btn{background:none;border:none;padding:7px 18px;font-size:0.85rem;font-weight:500;cursor:pointer;color:#555;display:flex;align-items:center;gap:6px;transition:background 0.15s,color 0.15s}.billing-btn.active{background:#7c3aed;color:#fff}.billing-btn:not(.active):hover{background:#f3f4f6}.billing-save{font-size:0.7rem;font-weight:700;background:#d1fae5;color:#065f46;padding:1px 6px;border-radius:20px}.upgrade-modal-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.upgrade-plan-billed{font-size:0.75rem;color:#888;margin-bottom:12px;margin-top:-8px}.upgrade-plan-cta--lifetime{background:#111}.upgrade-plan-cta--lifetime:hover{background:#333}@media (max-width:560px){.upgrade-modal-overlay{align-items:flex-end;padding:0}.upgrade-modal{border-radius:20px 20px 0 0;padding:20px 16px 32px;max-height:88vh;overflow-y:auto;width:100%}.upgrade-modal-close{top:14px;right:14px;font-size:1.25rem}.upgrade-modal-header{margin-bottom:10px}.upgrade-modal-lock{font-size:1.2rem;margin-bottom:2px}.upgrade-modal-title{font-size:1rem;margin-bottom:2px}.upgrade-modal-sub{font-size:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upgrade-modal-plans{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.upgrade-plan-features li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upgrade-modal-free-note{font-size:0.75rem}}.upgrade-plan{border:1.5px solid #e5e7eb;border-radius:12px;padding:18px 14px 16px;position:relative;display:flex;flex-direction:column;transition:box-shadow 0.2s,border-color 0.2s}.upgrade-plan--featured{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,0.12),0 0 24px rgba(124,58,237,0.18)}.upgrade-plan--target-starter{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,0.15),0 0 28px rgba(124,58,237,0.25)}.upgrade-plan--target-growth{border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,0.15),0 0 28px rgba(8,145,178,0.25)}.upgrade-plan--target-pro{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,0.15),0 0 28px rgba(217,119,6,0.25)}.upgrade-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#7c3aed;color:#fff;font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:2px 10px;border-radius:20px;white-space:nowrap}.upgrade-plan-name{font-weight:700;font-size:0.95rem;color:#111;margin-bottom:4px}.upgrade-plan-price{font-size:1.5rem;font-weight:800;color:#111;margin-bottom:12px;line-height:1.2}.price-period{font-size:0.8rem;font-weight:400;color:#888}.price-billed{font-size:0.72rem;font-weight:400;color:#888}.upgrade-plan-features{list-style:none;padding:0;margin:0 0 14px;font-size:0.8rem;color:#555;flex:1}.upgrade-plan-features li+li{margin-top:4px}.upgrade-plan-features li::before{content:'✓ ';color:#7c3aed;font-weight:700}.upgrade-plan-cta{display:block;text-align:center;padding:9px 0;border-radius:8px;font-size:0.85rem;font-weight:600;text-decoration:none;background:#7c3aed;color:#fff;transition:background 0.15s}.upgrade-plan-cta:hover{background:#6d28d9}.upgrade-modal-free-note{text-align:center;font-size:0.8rem;color:#999;margin:0}.upgrade-dismiss-link{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.faq-section{width:100%;background:var(--qr-card-background,#fff);padding:64px 20px 72px}.faq-inner{max-width:720px;margin:0 auto}.faq-title{text-align:center;font-size:1.6rem;font-weight:700;color:#111;margin:0 0 32px}.faq-list{margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1px solid var(--qr-border-color,#e8e8ed);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow:hidden;transition:box-shadow 0.2s}.faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,0.09)}.faq-item.open{border-color:var(--qr-primary-color,#fc5c6c);box-shadow:0 4px 16px rgba(252,92,108,0.1)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;font-size:0.97rem;font-weight:600;color:#111;cursor:pointer;list-style:none;user-select:none;margin:0}.faq-question::-webkit-details-marker{display:none}.faq-question:focus-visible{outline:2px solid var(--qr-primary-color);border-radius:4px}.faq-chevron{width:20px;height:20px;flex-shrink:0;background:#f3f3f5;border-radius:50%;position:relative;transition:background 0.2s}.faq-item.open .faq-chevron{background:var(--qr-primary-color,#fc5c6c)}.faq-chevron::before,.faq-chevron::after{content:'';position:absolute;background:#888;border-radius:2px;transition:transform 0.22s ease,opacity 0.22s ease,background 0.2s}.faq-item.open .faq-chevron::before,.faq-item.open .faq-chevron::after{background:#fff}.faq-chevron::before{width:10px;height:2px;top:9px;left:5px}.faq-chevron::after{width:2px;height:10px;top:5px;left:9px}.faq-question[aria-expanded="true"] .faq-chevron::after{transform:rotate(90deg);opacity:0}.faq-answer{max-height:0;overflow:hidden;font-size:0.9rem;color:#555;line-height:1.65;margin:0;padding:0 20px;transition:max-height 0.28s ease,padding 0.28s ease;border-top:0px solid transparent}.faq-item.open .faq-answer{max-height:300px;padding:0 20px 18px;border-top:1px solid #f0f0f0}@media (max-width:480px){.faq-section{padding:40px 12px 56px}.faq-title{font-size:1.3rem;margin-bottom:24px}.faq-question{font-size:0.9rem;padding:14px 16px}.faq-answer{padding:0 16px}.faq-item.open .faq-answer{padding:0 16px 14px}}.sl-utm-section{margin-bottom:14px;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.sl-utm-toggle{width:100%;display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f8f8f8;border:none;cursor:pointer;font-size:0.83rem;font-weight:600;color:#555;text-align:left;transition:background 0.12s}.sl-utm-toggle:hover{background:#f0f0f0}.sl-utm-toggle i:first-child{color:var(--qr-primary-color)}.sl-utm-chevron{margin-left:auto;font-size:0.75rem;color:#bbb;transition:transform 0.2s}#sl-utm-fields{padding:10px 12px 4px;border-top:1px solid #e8e8e8}.sl-utm-grid{grid-template-columns:1fr 1fr;gap:0 10px;margin-bottom:0}.sl-slug-row{display:flex;align-items:center;border:1.5px solid #ddd;border-radius:8px;overflow:hidden;background:var(--qr-input-bg,#fafafa);transition:border-color 0.15s,box-shadow 0.15s}.sl-slug-row:focus-within{border-color:var(--qr-primary-color);box-shadow:0 0 0 3px rgba(252,92,108,0.12)}.sl-slug-prefix{padding:9px 8px 9px 12px;font-size:0.82rem;color:#999;white-space:nowrap;user-select:none}.sl-slug-row input{flex:1;border:none !important;box-shadow:none !important;background:transparent !important;border-radius:0;padding-left:2px;font-size:0.9rem}.sl-slug-row input:focus{outline:none}.sl-error{font-size:0.83rem;color:#c0392b;background:#fff0f0;border:1px solid #ffc5c5;border-radius:7px;padding:8px 12px;margin-bottom:10px}.sl-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--qr-primary-color);color:#fff;font-weight:700;font-size:0.95rem;padding:12px;border:none;border-radius:8px;cursor:pointer;margin-top:4px;transition:background 0.15s}.sl-create-btn:hover:not(:disabled){background:#e84756}.sl-create-btn:disabled{opacity:0.7;cursor:not-allowed}.sl-success-banner{display:flex;align-items:flex-start;gap:12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:14px 16px;margin-bottom:12px}.sl-success-icon{color:#22c55e;font-size:1.35rem;flex-shrink:0;margin-top:1px}.sl-success-body{flex:1;min-width:0}.sl-success-label{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#16a34a;margin:0 0 5px}.sl-success-url-row{display:flex;align-items:center;gap:8px}.sl-success-url{font-size:0.95rem;font-weight:700;color:#111;word-break:break-all;text-decoration:none;flex:1}.sl-success-url:hover{text-decoration:underline}.sl-copy-btn{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;padding:5px 9px;cursor:pointer;color:#2e7d32;font-size:0.85rem;flex-shrink:0;transition:background 0.12s}.sl-copy-btn:hover{background:#c8e6c9}.sl-reset-btn{width:100%;background:transparent;border:1.5px solid #ddd;border-radius:8px;padding:9px;font-size:0.88rem;font-weight:600;color:#666;cursor:pointer;transition:border-color 0.15s,color 0.15s}.sl-reset-btn:hover{border-color:var(--qr-primary-color);color:var(--qr-primary-color)}