@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #fcfcfc;--text-color: #333;--card-bg: #ffffff;--modal-bg: #ffffff;--border-color: #eeeeee;--secondary-text: #4a5568;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--modal-bg: #1e1e1e;--border-color: #333333;--secondary-text: #a0aec0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-content{background:var(--modal-bg);width:100%;max-width:450px;max-height:90vh;border-radius:20px;padding:30px;position:relative;box-shadow:0 25px 50px -12px #00000040;text-align:center;overflow-y:auto}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:#999;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s}.modal-close:hover{color:#333;background:#f0f0f0}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.modal-text{color:var(--secondary-text);line-height:1.8;margin-bottom:25px;font-size:1rem;text-align:left}.qr-container{width:200px;height:200px;margin:0 auto 20px;padding:10px;background:#fff;border-radius:10px;border:1px solid #eee;box-shadow:0 4px 6px -1px #0000001a}.qr-image{width:100%;height:100%;object-fit:contain}.modal-note{font-size:.9rem;color:#4a8585;font-weight:600}.modal-content.iframe-modal-content{max-width:95vw;width:1200px;height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#000;border:1px solid #333}.modal-content.iframe-modal-content.is-tiktok{width:450px;max-width:95vw;height:85vh}.iframe-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1a1a1a;border-bottom:1px solid #333}.iframe-title{font-weight:700;color:#fff;font-size:1.1rem}.iframe-actions{display:flex;align-items:center;gap:10px}.floating-link-btn{position:absolute;bottom:30px;left:30px;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#e5b567e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:50px;text-decoration:none;font-size:.95rem;font-weight:700;box-shadow:0 10px 25px #e5b56766;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);z-index:10}.floating-link-btn:hover{background:#e5b567;transform:scale(1.05) translateY(-2px);box-shadow:0 15px 30px #e5b56780}.modal-close-btn{display:flex;align-items:center;justify-content:center;padding:8px;background:#ff47571a;color:#ff4757;border:1px solid rgba(255,71,87,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.iframe-body{flex:1;width:100%;background:#000;display:flex;align-items:center;justify-content:center}.preview-iframe{width:100%;height:100%;border:none}@media(max-width:640px){.modal-content.iframe-modal-content{max-width:98%;height:95vh}.modal-content.iframe-modal-content.is-tiktok{width:100%;max-width:450px;height:90vh}.iframe-header{padding:10px 15px}.iframe-title{font-size:.95rem}.floating-link-btn{bottom:15px;left:15px;right:15px;justify-content:center;padding:10px 20px;font-size:.85rem}.modal-content{padding:25px 20px;max-width:95%}.modal-title{font-size:1.25rem}.modal-text{font-size:.9rem}.qr-container{width:160px;height:160px}}.main-header{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,#4a8585,#e5b567,#c05c3f,#3d2b1f);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0;width:100%}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-section{display:flex;align-items:center;gap:30px}.header-actions{display:flex;align-items:center;gap:15px}.logo-section{display:flex;align-items:center;gap:12px}.header-logo{height:45px;width:auto;transition:transform .3s ease}.header-logo:hover{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 0 10px rgba(0,255,255,.6))}.brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;transition:all .3s ease}.logo-section:hover .brand-name{text-shadow:0 0 10px rgba(0,255,255,.5);background:linear-gradient(90deg,#0ff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{display:flex;gap:30px}.nav-item{color:#fff;text-decoration:none;font-size:1.15rem;font-weight:600;transition:all .3s ease;position:relative;padding:5px 0}.nav-item:hover{color:#0ff;text-shadow:0 0 12px rgba(0,255,255,.6);transform:translateY(-1px)}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#fff);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #00ffff80}.nav-item:hover:after{width:100%}.contact-btn{background:linear-gradient(135deg,#646cff,#a1a1ff);color:#fff;border:none;padding:10px 22px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.contact-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0ff,#646cff);opacity:0;z-index:-1;transition:opacity .3s ease}.contact-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 20px #0ff6}.contact-btn:hover:before{opacity:1}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:6px;z-index:1001}.menu-toggle .bar{width:30px;height:3px;background-color:#fff;border-radius:5px;transition:all .3s ease}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#4a8585,#3d2b1f);flex-direction:column;align-items:center;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;box-shadow:0 10px 20px #0003}.nav-menu.open{max-height:300px;padding:20px 0}.nav-item{padding:15px 0;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.nav-item:last-child{border-bottom:none}.nav-item:after{display:none}}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;color:#fff}.theme-toggle:hover{background:#fff3;transform:rotate(15deg)}.sun-icon,.moon-icon{width:20px;height:20px}[data-theme=dark] .theme-toggle{background:#0003;border-color:#ffffff1a}@media(max-width:768px){.theme-toggle{margin-right:15px}}.main-footer{background:linear-gradient(90deg,#4a8585,#e5b567,#c05c3f,#3d2b1f);color:#fff;padding:60px 0 30px;border-top:1px solid rgba(255,255,255,.1);width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:50px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.footer-logo{align-items:center;width:200px;border-radius:50%;border:2px solid white;object-fit:contain;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.footer-logo:hover{transform:scale(1.05) rotate(3deg);box-shadow:0 0 25px #0ff6;border-color:#0ff}.footer-desc{color:#ffffffe6;font-size:1.1rem;line-height:1.6;max-width:300px;text-align:center;font-weight:700}.footer-column h3{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#fff;position:relative;display:inline-block}.footer-column h3:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#fff);transition:width .3s ease;box-shadow:0 0 5px #00ffff80}.footer-column:hover h3:after{width:100%}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#ffffffd9;text-decoration:none;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center}.footer-column ul li a:hover{color:#0ff;transform:translate(10px);text-shadow:0 0 8px rgba(0,255,255,.4)}.footer-column ul li a:before{content:"►";font-size:.8rem;margin-right:8px;opacity:0;transform:translate(-10px);transition:all .3s ease;color:#0ff}.footer-column ul li a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:#fffc;font-size:.9rem}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:30px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.home-page{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 30px}.hero-section{width:100%;max-width:1200px;height:550px;margin:20px auto;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px #00000026}.hero-swiper{width:100%;height:100%}.slide-content{position:relative;width:100%;height:100%}.slide-image{width:100%;height:100%;object-fit:cover;object-position:center}.slide-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 40%,transparent 70%);display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 60px 60px}.slide-text-container{max-width:550px;color:#fff;text-align:left;animation:fadeInLeft .8s ease-out}.slide-title{font-size:3.5rem;font-weight:800;margin-bottom:15px;line-height:1.1;text-shadow:2px 2px 20px rgba(0,0,0,.5)}.slide-description{font-size:1.25rem;color:#ffffffe6;line-height:1.6}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.welcome-banner{padding:100px 0;text-align:center;background:var(--bg-color)}.gradient-text{font-size:3.2rem;font-weight:800;background:linear-gradient(90deg,#4a8585,#e5b567,#c05c3f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.subtitle{font-size:1.3rem;color:#666;max-width:800px;margin:0 auto}.section-header{margin-bottom:60px}.section-header.center{text-align:center}.tag{display:inline-block;padding:6px 15px;background:#e5b5671a;color:#e5b567;border-radius:50px;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:15px}.section-header h2{font-size:2.5rem;color:#333}.services-section{padding:100px 0;background:var(--bg-color);opacity:.98}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:var(--card-bg);border:1px solid var(--border-color);padding:50px 40px;border-radius:20px;transition:all .4s ease;text-align:center;box-shadow:0 10px 30px #0000000d}.service-card:hover{background:#fff;transform:translateY(-10px);border-color:#e5b567;box-shadow:0 20px 40px #0000001a}.icon-wrapper{width:70px;height:70px;background:linear-gradient(135deg,#4a858533,#e5b56733);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:#e5b567}.service-icon{width:35px;height:35px}.service-card h3{font-size:1.5rem;color:var(--text-color);margin-bottom:15px}.service-card p{color:var(--secondary-text);line-height:1.6}.stats-section{padding:80px 0;background:linear-gradient(90deg,#4a8585,#e5b567,#c05c3f)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;justify-content:center}.stat-value{font-size:2.8rem;font-weight:800;color:#fff;margin-bottom:5px}.stat-label{font-size:1rem;color:#ffffffe6;font-weight:600}.features-section{padding:120px 0;background:var(--bg-color)}.features-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-list{list-style:none;padding:0;margin-top:30px}.feature-list li{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;color:var(--secondary-text);font-size:1.1rem}.li-icon{color:#e5b567;width:24px;height:24px;flex-shrink:0;margin-top:3px}.feature-list strong{color:var(--text-color)}.features-image-grid{position:relative;height:500px}.feature-img-box{position:absolute;width:65%;height:300px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0003;border:2px solid rgba(255,255,255,1)}.feature-img-box img{width:100%;height:100%;object-fit:cover}.box-1{top:0;left:0;z-index:2}.box-2{bottom:0;right:0;z-index:1}.loading-container{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.loader{width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#e5b567;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.free-codes-section{padding:100px 0;background:var(--bg-color)}.section-header-flex{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.view-more-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#e5b567;color:#fff;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.view-more-btn:hover{background:#d4a45a;transform:translate(5px);box-shadow:0 5px 15px #e5b5674d}.free-codes-swiper{padding:20px 0 50px}.free-code-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;height:100%;border:1px solid var(--border-color)}.free-code-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.code-img-wrapper{position:relative;height:220px;overflow:hidden}.code-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.free-code-card:hover .code-img-wrapper img{transform:scale(1.1)}.code-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.code-img-wrapper:hover .code-hover-overlay{opacity:1}.code-actions-hover{display:flex;gap:15px}.hover-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.hover-btn.demo{background:#fff;color:#333}.hover-btn.link{background:#e5b567;color:#fff}.hover-btn:hover{transform:scale(1.05)}.code-info{padding:25px}.code-info h3{font-size:1.25rem;color:var(--text-color);margin-bottom:10px;font-weight:700}.code-info p{color:var(--secondary-text);font-size:.95rem;line-height:1.5}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.features-layout{grid-template-columns:1fr;gap:50px}.features-image-grid{height:400px}}@media(max-width:768px){.hero-section{height:350px;margin:15px auto;width:calc(100% - 30px)}.slide-title{font-size:2.2rem}.gradient-text{font-size:2.22rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:30px}.slide-overlay{padding:0 0 40px 30px}}.detail-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.detail-modal{background:#1e1e1e;width:100%;max-width:900px;max-height:90vh;border-radius:24px;position:relative;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.detail-scrollable{overflow-y:auto;width:100%;height:100%;display:flex;flex-direction:column}.detail-scrollable::-webkit-scrollbar{width:8px}.detail-scrollable::-webkit-scrollbar-track{background:transparent}.detail-scrollable::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.close-btn{position:absolute;top:20px;right:20px;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 6px #0003}.close-btn:hover{background:#ff4757;border-color:#ff4757;transform:rotate(90deg)}.detail-image-container{width:100%;height:400px;position:relative;background:#000;flex-shrink:0}.detail-image{width:100%;height:100%;object-fit:cover}.detail-free-badge{position:absolute;bottom:20px;left:30px;background:linear-gradient(135deg,#9ff50b,#30d906);color:#000;font-weight:800;padding:6px 16px;border-radius:20px;font-size:.9rem;box-shadow:0 4px 10px #0000004d}.detail-content{padding:30px 40px;background:#1a1a1a;color:#fff;flex:1}.detail-title{font-size:2.2rem;margin:0 0 20px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.detail-meta{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.meta-group{display:flex;align-items:flex-start;gap:12px}.meta-icon{color:#888;margin-top:6px;flex-shrink:0}.meta-tags{display:flex;flex-wrap:wrap;gap:8px}.meta-tag{padding:5px 12px;border-radius:50px;font-size:.85rem;font-weight:500}.topic-tag{background:#4a858533;color:#64b5b5;border:1px solid rgba(74,133,133,.3)}.sub-tag{background:#e5b56726;color:#e5b567;border:1px solid rgba(229,181,103,.2)}.detail-timestamps{margin-top:10px;display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.timestamp-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#888}.timestamp-icon{color:#4a8585}.detail-description{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:35px}.detail-actions{display:flex;flex-wrap:wrap;gap:15px}.detail-btn{flex:1;min-width:180px;padding:14px 24px;border-radius:12px;border:none;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.detail-btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.btn-video{background:#c0392b;color:#fff;box-shadow:0 4px 15px #c0392b4d}.btn-demo{background:#2d3436;color:#fff;box-shadow:0 4px 15px #0003}.btn-demo.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-github{background:#fff;color:#1a1a1a;box-shadow:0 4px 15px #ffffff26}.btn-contact{background:linear-gradient(135deg,#4a8585,#3a6b6b);color:#fff;box-shadow:0 4px 15px #4a85854d}@media(max-width:768px){.detail-image-container{height:250px}.detail-content{padding:20px}.detail-title{font-size:1.6rem}.detail-actions{flex-direction:column}.detail-btn{width:100%}}.code-page-container{max-width:1200px;margin:40px auto;padding:0 30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}.search-section{position:relative;max-width:700px;width:100%;margin:0 auto 80px;text-align:center;box-sizing:border-box;padding:0 10px}.search-title{font-size:2.8rem;font-weight:900;margin-bottom:15px;background:linear-gradient(135deg,#4a8585,#e5b567,#c05c3f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;text-shadow:0 4px 6px rgba(0,0,0,.1)}.search-wrapper{position:relative;width:100%;box-shadow:0 8px 30px #4a858526;border-radius:60px;transition:all .3s ease;background:var(--card-bg);border:2px solid var(--border-color);background-clip:padding-box;display:flex;align-items:center;padding:0 25px}.search-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#4a8585,#e5b567,#c05c3f);border-radius:60px;z-index:-1;opacity:0;transition:opacity .3s ease}.search-wrapper:hover:before,.search-wrapper:focus-within:before{opacity:1}.search-wrapper:hover,.search-wrapper:focus-within{transform:translateY(-4px);box-shadow:0 15px 45px #4a858540}.search-input{flex:1;padding:22px 15px;font-size:1.05rem;border:none;border-radius:60px;background:transparent;outline:none;transition:all .3s ease;color:var(--text-color);font-weight:500;box-sizing:border-box;display:block}.search-input::placeholder{color:#94a3b8;font-weight:400;text-overflow:ellipsis}.search-input:focus{background:transparent}.search-icon{color:#e5b567;font-size:1.3rem;pointer-events:none;transition:all .3s ease;flex-shrink:0}.search-wrapper:focus-within .search-icon{color:#4a8585;transform:scale(1.1)}.filter-free-container{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid rgba(0,0,0,.1);height:30px;flex-shrink:0}.filter-label{font-size:.85rem;font-weight:700;color:#64748b;white-space:nowrap}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s;box-shadow:inset 0 2px 4px #0000000d}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#30d906}input:focus+.slider{box-shadow:0 0 1px #30d906}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media(max-width:640px){.search-wrapper{padding:0 15px}.filter-free-container{padding-left:10px;gap:8px}.filter-label{font-size:.75rem}.search-input{padding:16px 10px;font-size:.9rem}}@media(max-width:480px){.filter-label{display:none}}.codes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.code-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .4s ease;border:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.code-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#e5b56766}.card-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:#f0f0f0}.free-badge{position:absolute;top:15px;left:-35px;background:linear-gradient(135deg,#9ff50b,#30d906);color:#fff;padding:5px 40px;font-size:.75rem;font-weight:800;text-transform:uppercase;transform:rotate(-45deg);z-index:10;box-shadow:0 4px 10px #0003;letter-spacing:1px}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.code-card:hover .card-image{transform:scale(1.08)}.card-content{padding:25px;flex:1;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.card-title{font-size:1.35rem;font-weight:800;margin-bottom:12px;color:var(--text-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.95rem;color:var(--secondary-text);margin-bottom:20px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.tag-pill{padding:6px 14px;font-size:.8rem;border-radius:50px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.tag-pill.topic{background:#4a858526;color:#4a8585}.tag-pill.subtag{background:#e5b56726;color:#ce9d4f}.card-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.card-actions-row{display:flex;gap:12px;width:100%}.action-btn{flex:1;padding:12px 0;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;box-shadow:0 4px 6px #00000005}.btn-video{background:#c0392b;color:#fff}.btn-video:hover{background:#e74c3c;transform:translateY(-2px);box-shadow:0 6px 12px #c0392b33}.btn-demo{background:#2d3436;color:#fff}.btn-demo:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.btn-demo.disabled{background:#d1d1d1;color:#888;cursor:not-allowed;opacity:.7;transform:none!important;box-shadow:none!important}.btn-demo.disabled:hover{background:#d1d1d1;transform:none;box-shadow:none}.btn-github{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-github:hover{border-color:#2d3436;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.btn-contact{background:linear-gradient(135deg,#4a8585,#3a6b6b);color:#fff;border:none}.btn-contact:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 15px #4a85854d}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#999;font-weight:600}.page-btn{width:40px;height:40px;border-radius:10px;border:none;background:var(--card-bg);color:var(--text-color);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000000d;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:var(--border-color);transform:translateY(-2px)}.page-btn.active{background:#e5b567;color:#fff;box-shadow:0 4px 15px #e5b56766}.page-btn:disabled{opacity:.5;cursor:not-allowed}.loading-view,.empty-view{text-align:center;padding:60px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid rgba(229,181,103,.1);border-top-color:#e5b567;border-radius:50%;animation:spin 1s infinite linear;margin:0 auto 20px}@media(max-width:1024px){.codes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.codes-grid{grid-template-columns:1fr}.search-title{font-size:2rem}.code-page-container{padding:0 15px;margin-top:20px}.search-section{margin-bottom:40px}.search-input{padding:16px 50px 16px 15px;font-size:.9rem}.search-input::placeholder{font-size:.8rem}.search-icon{right:20px}}.card-image-wrapper{cursor:zoom-in}.image-overlay-hint{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-image-wrapper:hover .image-overlay-hint{opacity:1}.zoom-close{position:absolute;top:-50px;right:0;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0003;color:#1a1a1a}.tutorial-container{max-width:1000px;margin:60px auto;padding:0 24px;font-family:Plus Jakarta Sans,sans-serif;color:var(--text-color)}.tutorial-header{text-align:center;margin-bottom:80px}.tutorial-header h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.tutorial-header p{font-size:1.1rem;color:#636e72}.step-wrapper{margin-bottom:100px;position:relative}.step-card{background:var(--card-bg);border-radius:24px;padding:40px;box-shadow:0 10px 40px #0000000a;border:1px solid var(--border-color);transition:transform .3s ease}.step-title-container{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.step-number{background:linear-gradient(135deg,#4a8585,#e5b567);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0}.step-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0}.step-row{display:flex;align-items:center;gap:40px;margin-bottom:40px}.step-row.reverse{flex-direction:row-reverse}.step-row.stacked{flex-direction:column;align-items:flex-start}.step-row.stacked .image-container{width:100%;margin-top:24px}.text-container{flex:1}.huongdan{font-size:1.1rem;line-height:1.8;color:var(--secondary-text);margin-bottom:0}.huongdan a{color:#4a8585;font-weight:600;text-decoration:none;border-bottom:2px solid rgba(74,133,133,.2);transition:all .2s}.huongdan a:hover{border-bottom-color:#4a8585}.image-container{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000014;background:var(--bg-color);line-height:0}.minhhoa{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.image-container:hover .minhhoa{transform:scale(1.03)}.step-note{margin-top:30px;padding:20px;background:#ff47570d;border-radius:16px;border-left:4px solid #ff4757}.step-note span{color:#ff4757;font-weight:600;font-size:1rem}.video-section{margin-top:80px;text-align:center}.video-container{margin-top:40px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000026}.golive-icon{display:inline-block;height:24px;vertical-align:middle;margin:0 4px}@media(max-width:768px){.step-row{flex-direction:column;gap:24px}.step-row.reverse{flex-direction:column}.tutorial-header h1{font-size:2.2rem}.step-title{font-size:1.4rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.image-zoom-overlay{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000}.zoom-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.zoomed-image{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 50px #00000080;object-fit:contain}.zoom-close{position:absolute;top:-50px;right:0;background:var(--card-bg);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0003;color:var(--text-color)}.zoom-close:hover{transform:scale(1.1) rotate(90deg);background:#ff4757;color:#fff}@media(max-width:768px){.image-zoom-overlay{padding:10px}.zoom-close{top:10px;right:10px}}.qr-page-container{max-width:800px;margin:80px auto;padding:0 24px;font-family:Plus Jakarta Sans,sans-serif}.qr-header{text-align:center;margin-bottom:60px}.qr-header h1{font-size:2.8rem;font-weight:800;color:#1a1a1a;margin-bottom:16px;background:linear-gradient(135deg,#4a8585,#e5b567);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.qr-header p{color:#636e72;font-size:1.1rem}.qr-input-card{background:var(--card-bg);padding:40px;border-radius:24px;box-shadow:0 10px 40px #0000000a;border:1px solid var(--border-color)}.input-group{margin-bottom:24px}.input-label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-color);font-size:.95rem}.qr-input{width:100%;padding:16px 20px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:1rem;transition:all .3s ease;outline:none;box-sizing:border-box}.qr-input:focus{border-color:#4a8585;box-shadow:0 0 0 4px #4a85851a}.generate-btn{width:100%;padding:16px;border-radius:12px;background:linear-gradient(135deg,#4a8585,#3a6b6b);color:#fff;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a85854d}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.qr-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.qr-modal-content{background:var(--modal-bg);border-radius:32px;width:100%;max-width:1100px;height:auto;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 30px 60px #0003}.qr-preview-side{flex:1.2;background:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:30px;position:relative;min-height:500px}.qr-controls-side{width:450px;padding:30px;border-left:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column}.modal-close-btn{position:absolute;top:20px;right:20px;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;z-index:10;transition:all .2s}.modal-close-btn:hover{background:#ff4757;color:#fff}.qr-export-container{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;display:flex;align-items:center;justify-content:center;max-width:100%}.qr-export-container canvas{max-width:100%;height:auto!important}.qr-export-container.frame-1{border:15px solid #2d3436;border-radius:0}.qr-export-container.frame-2{border:12px solid #E5B567;border-radius:30px}.qr-export-container.frame-3{background:linear-gradient(135deg,#4a8585,#e5b567);padding:50px}.control-section{margin-bottom:20px}.control-title{font-size:1rem;font-weight:700;margin-bottom:15px;color:var(--text-color)}.color-picker-wrapper{display:flex;align-items:center;gap:15px}.color-input{width:60px;height:60px;border:none;border-radius:12px;cursor:pointer;background:none}.frame-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.frame-opt{padding:12px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;text-align:center;transition:all .2s}.frame-opt:hover{background:#f8f9fa}.frame-opt.active{border-color:#4a8585;background:#4a85850d;color:#4a8585}.download-btn{width:100%;padding:14px;border-radius:12px;background:#2d3436;color:#fff;font-weight:700;border:none;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.download-btn:hover{background:#000}@media(max-width:900px){.qr-modal-content{flex-direction:column;max-height:90vh;width:95%;border-radius:20px;overflow-y:auto}.qr-preview-side{min-height:300px;padding:40px 20px;flex:none;overflow:hidden}.qr-controls-side{width:100%;border-left:none;border-top:1px solid #eee;padding:20px;box-sizing:border-box}.qr-export-container{transform:scale(.75);padding:20px;margin:0 auto}}@media(max-width:500px){.qr-header h1{font-size:2rem}.qr-input-card{padding:24px}.qr-preview-side{min-height:250px;padding:30px 10px}.qr-export-container{transform:scale(.55)}.frame-options{grid-template-columns:1fr}.qr-notice-box{flex-direction:column;text-align:center;gap:10px}.notice-text{text-align:center;font-size:.75rem}.modal-close-btn{top:10px;right:10px;width:32px;height:32px}.control-section{margin-bottom:15px}.download-btn{padding:12px;font-size:.9rem}}.qr-notice-box{margin-top:20px;padding:15px;background:var(--bg-color);border-radius:16px;border:1px dashed #4A8585;display:flex;align-items:center;gap:15px}.notice-text{flex:1;font-size:.8rem;color:var(--secondary-text);line-height:1.4;margin-bottom:0;text-align:left}.zalo-contact-wrapper{flex-shrink:0}.zalo-notice-img{width:100px;height:100px;object-fit:contain;border-radius:8px;background:#fff;padding:5px}.chatbot-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;cursor:pointer;box-shadow:0 10px 25px -5px #d9770666;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.chatbot-toggle:hover{transform:scale(1.1)}.notification-dot{position:absolute;top:2px;right:2px;width:14px;height:14px;background-color:#ef4444;border:2px solid white;border-radius:50%;z-index:2}.chatbot-welcome-bubble{position:absolute;bottom:75px;right:0;background:#fff;padding:12px 35px 12px 20px;border-radius:18px 18px 2px;box-shadow:0 10px 25px #0000001a;white-space:nowrap;font-size:14px;font-weight:600;color:#1f2937;z-index:10;border:1px solid rgba(0,0,0,.05);cursor:pointer}.bubble-close-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.bubble-close-btn:hover{background:#0000000d;color:#ef4444}[data-theme=dark] .bubble-close-btn:hover{background:#ffffff1a}[data-theme=dark] .chatbot-welcome-bubble{background:#1f2937;color:#fff;border:1px solid rgba(255,255,255,.1)}@media(prefers-color-scheme:dark){.chatbot-welcome-bubble{background:#1f2937;color:#fff;border:1px solid rgba(255,255,255,.1)}}.chatbot-window{width:380px;height:550px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column;overflow:hidden;margin-bottom:20px;transform-origin:bottom right}[data-theme=dark] .chatbot-window{background:#111827cc;border:1px solid rgba(255,255,255,.1);color:#fff}@media(prefers-color-scheme:dark){.chatbot-window{background:#111827cc;border:1px solid rgba(255,255,255,.1);color:#fff}}.chatbot-header{padding:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:space-between}.header-info{display:flex;align-items:center;gap:12px}.bot-avatar{width:40px;height:40px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bot-avatar img{width:100%;height:100%;object-fit:cover}.header-text h3{margin:0;font-size:16px;font-weight:600}.header-text p{margin:0;font-size:12px;opacity:.8}.header-actions{display:flex;align-items:center}.close-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.close-btn:hover{background:#fff3;transform:scale(1.05)}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;position:relative;animation:messageIn .3s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-self:flex-start;background:#f3f4f6;color:#1f2937;border-bottom-left-radius:4px}[data-theme=dark] .message.bot{background:#374151;color:#f9fafb}@media(prefers-color-scheme:dark){.message.bot{background:#374151;color:#f9fafb}}.message.user{align-self:flex-end;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-bottom-right-radius:4px}.chatbot-input-area{padding:20px;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:10px}[data-theme=dark] .chatbot-input-area{border-top:1px solid rgba(255,255,255,.05)}@media(prefers-color-scheme:dark){.chatbot-input-area{border-top:1px solid rgba(255,255,255,.05)}}.chatbot-input-area input{flex:1;background:#f9fafb;border:1px solid #e5e7eb;padding:12px 16px;border-radius:12px;outline:none;transition:border-color .2s}[data-theme=dark] .chatbot-input-area input{background:#1f2937;border-color:#374151;color:#fff}@media(prefers-color-scheme:dark){.chatbot-input-area input{background:#1f2937;border-color:#374151;color:#fff}}.chatbot-input-area input:focus{border-color:#f59e0b}.send-btn{width:55px;height:55px;border-radius:12px;background:#f59e0b;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.send-btn:hover{background:#d97706}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:8px 12px;background:#f3f4f6;border-radius:12px;width:fit-content;margin-bottom:10px}[data-theme=dark] .typing-indicator{background:#374151}@media(prefers-color-scheme:dark){.typing-indicator{background:#374151}}.dot{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing 1s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:480px){.chatbot-window{width:calc(100vw - 40px);height:500px;right:20px;bottom:90px}.chatbot-container{right:20px;bottom:20px}}