@font-face{font-family:"Roboto";font-weight:300;font-style:normal;src:local("Roboto"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Light.woff") format("woff"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Light.eot") format("eot");font-display:swap}@font-face{font-family:"Roboto";font-weight:400;font-style:normal;src:local("Roboto"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Regular.woff") format("woff"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Regular.eot") format("eot");font-display:swap}@font-face{font-family:"Roboto";font-weight:500;font-style:normal;src:local("Roboto"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Medium.woff") format("woff"),url("https://storage.yandexcloud.net/portretpro/fonts/Roboto/Roboto-Medium.eot") format("eot");font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-BlackItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-BlackItalic.woff") format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Black.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Bold.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraBold.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraLight.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraLight.woff") format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-BoldItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraLightItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraBoldItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Italic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Light.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-MediumItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-SemiBold.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-LightItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Medium.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Regular.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ThinItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-SemiBoldItalic.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-SemiBoldItalic.woff") format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Kanit";src:url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Thin.woff2") format("woff2"),url("https://storage.yandexcloud.net/portretpro/fonts/Kanit/Kanit-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}1%{visibility:visible}100%{transform:translateX(0);opacity:1;visibility:visible}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;visibility:visible}99%{visibility:visible}100%{transform:translateX(100%);opacity:0;visibility:hidden}}body{margin:0px;font-family:"Roboto",sans-serif;padding-top:60px}@media(max-width: 768px){body{padding-top:60px}}body.app-body{padding:0px}.container{max-width:100%;padding:0 60px;margin:0 auto}@media(max-width: 768px){.container{padding:0 15px}}@media(max-width: 820px){.container.container-m-p0{padding:0px}}.logo-mob{display:none}@media(max-width: 768px){.logo-mob{position:relative;display:block;margin:0 5px 0 0;width:50px;height:50px;background:url(https://cdn.portretpro.ru/www/facepic.png) no-repeat center/contain;cursor:pointer;z-index:5}}.f14{font-size:15px}.f15{font-size:15px}.p-b-100{padding-bottom:100px !important}.m-b-0{margin-bottom:0px !important}.m-b-5{margin-bottom:5px !important}.p-t-0{padding-top:0px !important}.p-b-0{padding-bottom:0px !important}.m-b-20{margin-bottom:20px !important}.m-b-30{margin-bottom:30px !important}.m-b-50{margin-bottom:50px !important}.m-b-100{margin-bottom:100px !important}.m-t-0{margin-top:0px !important}.m-t-20{margin-top:20px !important}.m-t-50{margin-top:50px !important}.m-t-100{margin-top:100px !important}.w25{width:25%}.w35{width:35%}.w40{width:40%}.w100{width:100%}@media(max-width: 768px){.w100m{width:100% !important}}.flex1{flex:1}.center{text-align:center !important}.bordered{border:1px solid #e1e1e1}.btn-basic{border:none;appearance:none;box-shadow:0 1px 3px #cbcbcb;color:#fff;cursor:pointer;font-weight:400;outline:0;text-align:center;text-decoration:none;background:#2388ff;font-size:15px;display:flex;justify-content:center;align-items:center;font-family:"Roboto",sans-serif;padding:9px 12px;border-radius:9px}.btn-basic svg{width:14px;height:14px;margin:0 5px 0 0}@media(max-width: 768px){.btn-basic{font-size:17px}}.btn-basic.no-shadow{box-shadow:none}.btn-basic.black{background:#000;color:#fff}.btn-basic.black svg{fill:#fff}.btn-basic.gray{background:#f1f1f1;color:#555;box-shadow:none}.btn-basic.gray svg{fill:#555}.btn-basic.gray svg path{stroke:#555 !important}.btn-basic.reddish{background:#f24196;color:#fff}.btn-basic.blue{background:#1a3a5e;color:#fff}.btn-basic.yellow{background:#fff647;color:#000}.btn-basic.yellow-light{background:#fffbe8;color:#000}.btn-basic.blue-light{background:#5271ff;color:#fff}.btn-basic.btn-linkedin{background:#0a66c2}.btn-basic:hover{opacity:.9}.btn-basic.btn-login{text-align:center;border-radius:15px;background:#000 !important;padding:15px 50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#fff;font-weight:300;font-size:18px;text-align:center}.btn-basic.btn-login svg{display:none;position:relative;width:21px;height:21px;margin:0 10px 0px 0}.btn-basic.btn-login.loading svg{display:inline-block}.btn-basic.btn-improve{font-size:15px}.btn-basic.btn-improve svg{fill:#ff0;width:14px;height:14px}.btn-basic.btn-small{padding:4px 7px;border-radius:5px}.btn-basic.btn-outline{background:#fff;border:1px solid #a1a1a1;color:#000}.btn-basic.btn-outline svg path{fill:#555 !important}button.btn-transp{border:none;background:none;cursor:pointer}button.btn-link{border:none;background:none;cursor:pointer;display:flex;align-items:center;color:#2388ff}button.btn-link:hover{text-decoration:underline}button.btn-link svg{margin:0 5px 0 0;stroke:#2388ff}.btn-link{border:none;background:none;cursor:pointer;display:flex;align-items:center;color:#2388ff}.btn-link:hover{text-decoration:underline}.btn-link svg{margin:0 5px 0 0;stroke:#2388ff;width:20px;height:20px}button.btn-small{border:1px solid #2388ff;border-radius:5px;font-size:14px;display:inline-flex;align-items:center;padding:5px 12px;color:#2388ff;cursor:pointer;background-color:#fff}@media(max-width: 768px){button.btn-small{display:flex;margin-left:auto}}button.btn-small:hover{opacity:.8}button.btn-small svg{margin-right:5px;width:12px;height:12px}.btn-round{border-radius:50%}h1{font-family:"Roboto",sans-serif}.breadcrumbs{text-align:left;font-size:14px;font-weight:300}.breadcrumbs a{margin:0 10px 10px 0;padding:0 20px 0 0;position:relative;text-decoration:none}.breadcrumbs a:after{content:"/";display:inline;position:absolute;right:0px}.breadcrumbs a:last-child:after{display:none}@media(max-width: 768px){.m-flex-row-r{flex-direction:row-reverse !important}}@media(max-width: 768px){.m-flex-col{flex-direction:column !important}}@media(max-width: 768px){.m-flex-col-r{flex-direction:column-reverse !important}}.mob-show{display:none}@media(max-width: 768px){.mob-show{display:block}}.mob-hide{display:block}@media(max-width: 768px){.mob-hide{display:none}}.contact-us-widget .contact-wsidget{position:fixed;top:0;right:0;width:320px;height:100%;background-color:#fff;background:#fff url("https://cdn.facepicapp.com/img/doodle.webp") repeat-y left top;background-size:contain;box-shadow:-4px 0 6px -1px rgba(0,0,0,.1),-2px 0 4px -1px rgba(0,0,0,.06);z-index:50;display:flex;flex-direction:column}.contact-us-widget .contact-wsidget .w-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.contact-us-widget .contact-wsidget .w-title{font-size:18px;font-weight:600;margin:0;line-height:1.4}.contact-us-widget .contact-wsidget .w-content{padding:24px 20px;flex:1}.contact-us-widget .contact-wsidget .w-content button{width:100%;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.contact-us-widget .contact-wsidget .w-content button:hover{background-color:#2563eb}.contact-us-widget .contact-wsidget .w-text{color:#4b5563;margin-bottom:24px;font-size:16px}.contact-us-widget .contact-wsidget .btn-close{background:#f3f4f6;border:none;padding:8px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.contact-us-widget .contact-wsidget .btn-close:hover{background-color:#eee}.contact-us-widget .contact-wsidget .btn-close svg{width:20px;height:20px}.contact-us-widget .contact-wsidget .btn-close svg path{stroke:#000}.contact-us-widget .btn-chat{cursor:pointer;position:fixed;width:50px;height:50px;bottom:24px;right:24px;background-color:#2388ff;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:100}@media(max-width: 768px){.contact-us-widget .btn-chat{bottom:15px}}.contact-us-widget .btn-chat:hover{background-color:#2563eb;transform:scale(1.05);cursor:pointer}.contact-us-widget .btn-chat svg{width:24px;height:24px}.contact-us-widget .btn-chat svg path{stroke:#fff}.contact-us-widget .btn-chat.btn-widget{width:auto;padding:0 20px 0 20px;align-items:center;justify-content:center;border-radius:25px;text-decoration:none;display:none}.contact-us-widget .btn-chat.btn-widget.visible{display:flex}.contact-us-widget .btn-chat.btn-widget .text{font-size:15px}.contact-us-widget .btn-chat.btn-widget svg{margin-right:5px;fill:#fdeb00}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOut{from{transform:translateX(0)}to{transform:translateX(100%)}}.contact-us-widget .contact-wsidget{animation:slideIn .3s ease forwards}.btn-colortest{position:fixed;bottom:25px;right:80px;background:#ff4458;border-radius:30px;padding:12px 20px;box-shadow:0 4px 20px rgba(255,68,88,.3);z-index:1000;transition:all .3s ease;text-decoration:none;width:150px;height:25px;color:#fff}.btn-colortest:hover{animation:pulse .2s ease;text-decoration:underline}.btn-colortest .wishlist-widget-content{display:flex;font-weight:500;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:18px}.btn-colortest .wishlist-widget-content svg{fill:#fff;width:24px;height:24px;stroke:#000}.label-ai{display:inline-block;position:relative;background-color:#2388ff;color:#fff;font-size:11px;text-transform:uppercase;font-weight:400;border-radius:15px;padding:2px 5px 3px 8px}.label-ai .i{color:#ff0}.icohh{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#000;color:#fff;text-align:center;font-size:10px;font-weight:600;position:relative;border-radius:50%}.icohh:before{content:"HH"}.icoin{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#000;color:#fff;text-align:center;font-size:12px;font-weight:600;position:relative;border-radius:50%}.icoin:before{content:"in"}.ui-autocomplete{max-height:250px;overflow-y:auto;overflow-x:hidden}.tab-item-contents .tab-item-content{display:none}.tab-item-contents .tab-item-content.active{display:block}.page-header{font-size:32px}.arrow-right{display:flex;align-items:center;position:relative;width:50px}.arrow-right:before{content:"";display:block;width:50px;height:4px;background-color:#000;position:relative;top:-5px;left:2px}.arrow-right:after{content:"";position:absolute;right:0;width:10px;height:10px;border-top:4px solid #000;border-right:4px solid #000;transform:rotate(45deg) translateY(-50%)}@media(max-width: 768px){.hero-faq .container{padding:0 15px}}.hero-faq h2{margin:0 0 30px 0;font-size:32px;font-family:"Roboto",sans-serif;line-height:150%}.hero-faq .faq-content{display:flex;flex-direction:row;justify-content:space-between}@media(max-width: 768px){.hero-faq .faq-content{flex-direction:column;position:relative;display:block}}.hero-faq .faq__block{margin-right:45px;max-width:966px;width:100%}@media(max-width: 768px){.hero-faq .faq__block{margin:0px}}.hero-faq .faq__block .faq__row{border:1px solid var(--black, #121212);background:var(--colors-white, #FFF);border-radius:12px;padding:40px 32px;margin-bottom:16px;cursor:pointer}.hero-faq .faq__block .faq__row-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hero-faq .faq__block .faq__row-title{font-size:24px;font-style:normal;font-weight:500;line-height:100%;color:var(--black, #121212);margin-right:15px}.hero-faq .faq__block .faq__row-icon{max-width:34px;width:100%;height:34px;border-radius:50%;background:var(--light-gray, #F6F5F4);position:relative}.hero-faq .faq__block .faq__row-icontap::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:2.2px;height:16px;background-color:#121212;transition:all .3s}.hero-faq .faq__block .faq__row-icontap::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:16px;height:2.2px;background-color:#121212;transition:all .3s}.hero-faq .faq__row-icontap--active .faq__row-icontap::before{transform:translate(-50%, -50%) scale(1) rotate(45deg)}.hero-faq .faq__row-icontap--active .faq__row-icontap::after{transform:translate(-50%, -50%) scale(1) rotate(45deg)}.hero-faq .faq__row-text{margin-top:12px;font-size:18px;line-height:150%}.hero-faq .faq__img{width:40%;background:url(https://cvator.azureedge.net/cdn/www/faq-1.png) no-repeat center center;background-size:contain}@media(max-width: 768px){.hero-faq .faq__img{position:absolute;top:-120px;width:100px;height:100px;right:0px;opacity:.85}}.hero-faq.faq-simple .title{margin:0 0 50px 0;text-align:center}.hero-faq.faq-simple .faq__block{margin:auto}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;background-color:rgba(0,0,0,.8);color:#fff;padding:20px;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.cookie-banner .cookie-banner-content{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:18px}@media(max-width: 768px){.cookie-banner .cookie-banner-content{flex-direction:column;text-align:center;flex-wrap:wrap}}.cookie-banner .cookie-text p{margin:0;font-size:16px;line-height:1.5}.cookie-banner .cookie-text p a{color:#fff}@media(max-width: 768px){.cookie-banner .cookie-text p{font-size:13px}}.cookie-banner .cookie-accept-btn{background-color:#3498db;color:#fff;border:none;padding:10px 25px;font-size:14px;font-weight:bold;border-radius:5px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}@media(max-width: 768px){.cookie-banner .cookie-accept-btn{width:100%;padding:12px}}.cookie-banner .cookie-accept-btn:hover{background-color:#2980b9}.features-simple{display:flex;flex-wrap:wrap}@media(max-width: 768px){.features-simple{justify-content:space-between}}.features-simple .feature{width:24%;margin:0 1% 20px 0}@media(max-width: 768px){.features-simple .feature{width:45%;margin:0 0 20px 0}}.features-simple .feature strong{font-size:18px}.features-simple .feature .header{display:flex;font-size:21px;font-weight:600;line-height:1.5rem;margin:0 0 10px 0}.features-simple .feature .header .ico{margin-right:5px}.features-simple .feature .descr{margin:0 0 0px 30px;color:#555;font-size:15px;line-height:1.5rem}.features-simple.col3{justify-content:space-between}.features-simple.col3 .feature{width:32%;margin:0 0 20px 0}@media(max-width: 768px){.features-simple.col3 .feature{width:100%;margin:0 0 20px 0}}@media(max-width: 768px){.features-simple.col3{justify-content:center}}.btn-container{margin:30px 0 30px 0}.btn-container.align-c{display:flex;justify-content:center}.btn-container .btn-basic{display:inline-flex}.btn-container .btn-basic.bigger{padding:15px 20px 15px 20px}h2 .yellow{color:#ffeb3b}.btn-basic.loading{position:relative;opacity:.7;cursor:not-allowed}.btn-basic .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#333;border-radius:50%;animation:spinner-rotation .6s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spinner-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#refImages .item{opacity:0;animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#refImages .item:nth-child(n){animation-delay:calc(.05s*var(--item-index, 1))}nav{position:absolute;top:0px;left:0px;width:100%}.main-nav{display:flex;align-items:center;position:relative;padding:15px 60px 15px 60px;font-family:"Roboto",sans-serif;background:#000;color:#fff}@media(max-width: 768px){.main-nav{padding:15px 10px 10px 10px}}.main-nav .items{display:flex;align-items:center}.main-nav .items.items-l{margin:0 0 0 25px}@media(max-width: 768px){.main-nav .items.items-l{margin:0px}}.main-nav .items.items-r{margin-left:auto}.main-nav .items .btn-link{margin:0 0px 0 20px;color:rgba(28,30,32,.024);font-weight:500;font-size:16px;text-decoration:none}.main-nav .items .btn-link svg{stroke:#fff;fill:#fff}.main-nav .items .btn-link svg path{fill:#fff}.main-nav .items .btn-link:hover{text-decoration:underline;color:#ffffc2}@media(max-width: 768px){.main-nav .items .btn-link{display:none}}.main-nav .items .btn-header{padding:7px 12px 7px 12px;margin:0 10px 0 10px;font-size:16px;font-weight:500;border-radius:7px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#2388ff}.main-nav .items .btn-header:hover{text-decoration:none}@media(max-width: 768px){.main-nav .items .btn-header{margin:0 5px 0 5px}}.main-nav .items .btn-header:hover{opacity:.8}.main-nav .items .btn-header svg{width:18px;height:18px;margin:0 7px 0 0}.main-nav .items .btn-header.btn-stroke{background:rgba(0,0,0,0);padding:6px 11px 6px 11px;color:#fff;border:1px solid #fff}.main-nav .items .btn-header.btn-black{background:#000;color:#fff}.main-nav .items .btn-header.btn-black svg{fill:#fff}.main-nav .items .btn-header.btn-linkedin{background:#0a66c2;color:#fff}.main-nav .items .btn-header.btn-linkedin svg{fill:#fff}.main-nav .items .btn-header.btn-yellow{background:#fdeb00;color:#000}.main-nav .items .btn-header.btn-yellow svg{fill:#000}.main-nav .items .btn-header.blue-light{background:#2388ff;color:#fff}@media(max-width: 768px){.main-nav .items .btn-header .text{display:none}}.main-nav .items .btn-header .text-m{display:none}@media(max-width: 768px){.main-nav .items .btn-header .text-m{display:block}}.main-nav .items .btn-link{color:#fff}.main-nav .items .btn-header.btn-stroke{color:#fff;border:1px solid #fff}.main-nav .logo{display:block;background:url(https://cdn.portretpro.ru/www/facepic-inv-3.webp) no-repeat center/contain !important;width:30px;height:30px;z-index:5;border-radius:5px}.main-nav .burger-icon{font-size:25px;font-weight:600;cursor:pointer;margin-left:25px}@media(max-width: 768px){.main-nav .burger-icon{margin-left:20px}}.main-nav .btn-nav-app{display:flex;align-items:center;justify-items:center;border-radius:15px;color:#fff;background:#ff4458;border-radius:30px;padding:8px 15px;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(255,68,88,.3);transition:all .3s ease;margin:0 10px 0 0;text-decoration:none}.main-nav .btn-nav-app:hover{animation:pulse .5s ease}.main-nav .btn-nav-app svg{fill:#fff;stroke:#000;stroke-width:2px;width:16px;height:16px}.main-nav .btn-nav-app.btn-test svg{stroke:none;width:21px;height:21px}.main-nav.is-white{background:#fff;color:#000}.main-nav.is-white .btn-link{margin:0 0px 0 20px;color:#000}.main-nav.is-white .btn-link svg{stroke:#000;fill:#000}.main-nav.is-white .btn-link svg path{fill:#000}.main-nav.is-white .btn-link:hover{text-decoration:underline;color:#2388ff}.main-nav.is-white .btn-header{color:#fff;background:#2388ff}.main-nav.is-white .btn-header.btn-stroke{background:rgba(0,0,0,0);padding:6px 11px 6px 11px;color:#000;border:1px solid #000}.main-nav.is-white .logo{border:1px solid rgba(0,0,0,.7);box-shadow:3px 3px 5px rgba(0,0,0,.3)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.side-overlay{position:fixed;top:0;left:0px;height:100%;width:100%;z-index:99;background:rgba(0,0,0,.55);display:none}.side-overlay .side-nav{font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;height:100%;width:0;position:fixed;z-index:100;top:0;right:0;background-color:#f1f1f1;overflow-x:hidden;transition:.5s;box-shadow:-3px 3px 1px #555;padding:10px 20px 50px 20px}.side-overlay .side-nav.active{width:400px}@media(max-width: 768px){.side-overlay .side-nav.active{width:calc(100% - 40px)}}.side-overlay .side-nav .menu-header{display:flex;justify-content:space-between;position:relative;align-items:start;padding:0 0 10px 0;border-bottom:1px solid #e1e1e1}.side-overlay .side-nav .menu-header .l{flex:1}.side-overlay .side-nav .menu-header .r{margin-left:20px}.side-overlay .side-nav .menu-header .btn-close{cursor:pointer;display:inline-block;width:32px;height:32px}.side-overlay .side-nav .menu-header .btn-close svg{width:32px;height:32px;fill:#000}.side-overlay .side-nav .menu-header .btn-close svg path{stroke:#000}.side-overlay .side-nav .menu-header .btn-container{display:flex;justify-content:space-between;align-items:center}.side-overlay .side-nav .menu-header .btn-container .btn-basic{width:40%;box-shadow:none;font-family:"Roboto",sans-serif}.side-overlay .side-nav .menu-header .btn-signin{display:block;color:#fff;font-size:16px}.side-overlay .side-nav .menu-header .btn-register{display:block;color:#000;font-size:16px}.side-overlay .side-nav .menu-header .welcome{display:flex;flex-direction:column}.side-overlay .side-nav .menu-header .welcome .header{font-family:"Roboto",sans-serif;font-size:21px;margin:0 0 10px 0}.side-overlay .side-nav .menu-header .welcome .links{display:flex}.side-overlay .side-nav .menu-header .welcome .links .link{padding:0 10px 0 10px;position:relative;color:#000;font-weight:400;font-size:16px;text-decoration:underline}.side-overlay .side-nav .menu-header .welcome .links .link:hover{text-decoration:none}.side-overlay .side-nav .menu-header .welcome .links .link:after{content:"";border-right:1px solid #000;position:absolute;right:0px;top:0px;height:100%}.side-overlay .side-nav .menu-header .welcome .links .link:first-child{padding-left:0}.side-overlay .side-nav .menu-header .welcome .links .link:last-child{padding-right:0}.side-overlay .side-nav .menu-header .welcome .links .link:last-child::after{display:none}.side-overlay .side-nav .menu-header .welcome .links .link.out{font-weight:600}.side-overlay .side-nav .menu-header .welcome .links-l1{display:flex;flex-direction:column;margin:5px 0 0 0}.side-overlay .side-nav .menu-header .welcome .links-l1 .link{padding:5px 0 5px 0;position:relative;color:#000;font-weight:400;font-size:16px;text-decoration:underline}.side-overlay .side-nav .menu-header .welcome .links-l1 .link:hover{text-decoration:none}.side-overlay .side-nav .section{padding:10px 0 10px 0;border-bottom:1px dotted #a1a1a1;display:flex;flex-direction:column}.side-overlay .side-nav .section:last-child{border-bottom:none}.side-overlay .side-nav .section .title{font-family:"Roboto",sans-serif;font-size:20px;font-weight:400;margin:0 0 5px 0}.side-overlay .side-nav .section .item{margin:0 0 10px 0;color:#000;font-weight:300;text-decoration:underline;font-family:"Roboto",sans-serif}.side-overlay .side-nav .section .item svg{width:16px;height:16px}.side-overlay .side-nav .section .item .b{font-weight:500}.side-overlay .side-nav .section .item:hover{text-decoration:none}.footer{background:var(--light-gray, #F6F5F4);padding:30px 60px 30px 60px}.footer .footer-top{display:flex;flex-direction:row;padding:0px}@media(max-width: 768px){.footer .footer-top{flex-direction:column}}.footer .footer-top .footer-left{width:300px;margin-right:50px}@media(max-width: 768px){.footer .footer-top .footer-left{width:100%;margin:0 0 20px 0}}.footer .footer-top .footer-info{margin:0 0 15px 0}.footer .footer-top .footer-info a{color:#000;text-decoration:none;font-weight:300}.footer .footer-top .footer-info a:hover{text-decoration:underline}.footer .footer-top .footer__copy{font-size:14px;font-weight:600;text-transform:uppercase}.footer .footer-top .footer-right{flex:1;display:flex;flex-wrap:wrap}.footer .footer-top .footer-socials{display:flex;margin:0 0 10px 0}.footer .footer-top .footer-socials .footer__social{padding:10px}.footer .footer-top .footer-socials svg{width:32px;height:32px}.footer .footer-top .footer-block{width:200px;margin:0 20px 20px 0;padding:0 20px 0 0}.footer .footer-top .footer-block-title{margin:0 0 20px 0;font-size:16px}.footer .footer-top .footer-items{display:flex;flex-direction:column}.footer .footer-top .footer-items .footer-item-link{font-size:16px;margin:0 0 10px 0;color:#000;text-decoration:none;font-weight:300}.footer .footer-top .footer-items .footer-item-link:hover{text-decoration:underline}.footer .footer-top .footer-items .footer-item-link.cap{font-weight:normal;text-transform:uppercase;font-weight:600}.footer .footer-top .footer-items .footer-item-link.disabled{color:#333}.footer .footer-top .footer-items .footer-item-link.disabled:hover{text-decoration:none}.btn-standard{cursor:pointer;padding:10px 20px;text-decoration:none;display:inline-flex;align-items:center;vertical-align:middle;justify-content:center;border-radius:5px;transition:all .3s}.btn-standard.btn-black{background:#000;color:#fff}.btn-standard.btn-black:hover{background:#3c3c3c}.btn-standard.btn-black svg{fill:#fff}.btn-standard.btn-black-outline{background:rgba(0,0,0,0);color:#000;border:1px solid #000}.btn-standard.btn-black-outline:hover{background:#000;color:#fff}.btn-standard.btn-black-outline:hover svg{fill:#fff}.btn-standard.btn-black-outline svg{fill:#000}.btn-standard.btn-blue{background:#5271ff;color:#fff}.btn-standard.btn-blue:hover{background:#004aad}.btn-standard.btn-blue svg{fill:#fff}.btn-standard.btn-blue svg rect{fill:none}.btn-standard.btn-blue svg path{stroke:#fff !important}.btn-standard.btn-yellow-i svg{fill:#eeff52 !important}.btn-standard.btn-yellow{background:#eeff52;color:#000}.btn-standard.btn-yellow:hover{background:#dee11f}.btn-standard.btn-yellow svg{fill:#000}.btn-standard.btn-yellow svg rect{fill:none}.btn-standard.btn-yellow svg path{stroke:#000 !important}.btn-standard.btn-pay{padding:15px 23px;font-size:21px}.btn-standard i{display:inline-block;width:18px;height:18px;margin-right:10px}.btn-standard i svg{width:18px;height:18px;fill:#fff}.btn-standard.in-progress{cursor:default !important}.main .hero .hero-form-wrapper{display:flex;flex-direction:column}.main .hero .hero-form-wrapper .hero-form{display:flex;flex-direction:row;margin-bottom:50px;justify-content:center;padding:0 125px}.main .hero .hero-form-wrapper .form-part{min-width:45%;margin-right:45px;padding:32px;border:1px solid var(--light-gray, #e1e1e1);background:var(--colors-white, #fff);border-radius:12px;box-shadow:3px 3px 1px #555}.main .hero .hero-form-wrapper .form-part .content-heading{display:flex;flex-direction:row;align-items:center;margin-bottom:45px}.main .hero .hero-form-wrapper .form-part .pretitle{font-size:20px;font-style:normal;font-weight:500;line-height:normal;color:var(--white, var(--colors-white, #fff));padding:8px 16px;border-radius:12px;background:var(--grau, #333);margin-right:16px;white-space:nowrap}.main .hero .hero-form-wrapper .form-part .title{font-size:20px;font-style:normal;font-weight:500;line-height:normal;color:var(--black, #121212)}.main .hero .hero-form-wrapper .form-part .form-nav{display:flex;flex-direction:row;margin-bottom:34px}.main .hero .hero-form-wrapper .form-part .tab-item{white-space:nowrap;cursor:pointer;margin-right:32px;padding-bottom:10px;position:relative;font-size:20px;font-style:normal;font-weight:500;line-height:normal;color:var(--grau, #9f9f9f)}.main .hero .hero-form-wrapper .form-part .tab-item::before{content:"";display:block;position:absolute;width:100%;height:1px;bottom:0px;right:0px;background:var(--grau, #9f9f9f)}.main .hero .hero-form-wrapper .form-part .tab-item:last-child{margin-right:0}.main .hero .hero-form-wrapper .form-part .tab-item.active{padding-bottom:10px;font-size:20px;font-style:normal;font-weight:500;line-height:normal;color:var(--black, #121212);position:relative}.main .hero .hero-form-wrapper .form-part .tab-item.active::before{content:"";display:block;position:absolute;width:100%;height:1px;bottom:0px;right:0px;background:var(--black, #121212)}.main .hero .hero-form-wrapper .form-part .tab-item-content{display:none}.main .hero .hero-form-wrapper .form-part .tab-item-content.active{display:block}.main .hero .hero-form-wrapper .form-part .txt-area{width:calc(100% - 24px);font-size:16px;font-style:normal;font-weight:400;line-height:130%;resize:none;display:block;border-radius:12px;border:1px solid var(--gray, #d5d5d5);padding:12px;min-height:98px}.main .hero .hero-form-wrapper .form-part .txt-area::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:var(--grau, #9f9f9f)}.main .hero .hero-form-wrapper .form-part .txt-form{font-size:16px;font-style:normal;font-weight:400;line-height:130%;resize:none;display:block;border-radius:12px;border:1px solid var(--gray, #d5d5d5);padding:12px;width:calc(100% - 24px)}.main .hero .hero-form-wrapper .form-part .txt-form::placeholder{font-size:16px;font-style:normal;font-weight:400;line-height:130%;color:var(--grau, #9f9f9f)}.main .hero .hero-form-wrapper .form-part .icobox{display:flex;flex-direction:row;margin-top:20px}.main .hero .hero-form-wrapper .form-part .icobox .ico{margin-right:16px;transition:all .3s}.main .hero .hero-form-wrapper .form-part .icobox .ico:hover svg rect{transition:all .3s;fill:#8e8e8e}.main .hero .hero-form-wrapper .form-part .icobox .ico:nth-child(4n):hover svg path{transition:all .3s;fill:#8e8e8e}.main .hero .hero-form-wrapper .form-part .icobox .ico:last-child{margin-right:0}.main .hero .hero-form-wrapper .dropzone{min-height:120px;border:1px dotted rgba(0,0,0,.3)}.main .hero .hero-btn-box{display:flex;flex-direction:row;justify-content:center;margin-bottom:67px}.main .hero .hero-btn-box .btn-hero{text-align:center;border-radius:12px;background:var(--black, #121212);padding:24px 80px;display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all .3s}.main .hero .hero-btn-box .btn-hero:hover{transform:scale(1.04);transition:.3s}.main .hero .hero-btn-box .btn-hero .btn-text{font-size:24px;font-style:normal;font-weight:500;line-height:normal;color:var(--white, var(--colors-white, #fff));margin-right:10px;text-align:center}.main .hero .hero-btn-box .btn-hero .btn-img{display:inline-block;position:relative;width:24px;height:24px;background-size:contain}.main .hero.hero-3{margin:50px 0 50px 0}.main .hero.hero-3 .headers{display:flex;flex-direction:column;align-items:center;justify-content:center}.main .hero.hero-3 h1{font-size:25px;font-weight:400;margin:0 0 15px 0;color:#333;font-family:"Roboto",sans-serif}.main .hero.hero-3 h2{margin:0 0 30px 0;font-weight:500;font-size:40px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif;text-align:center;line-height:110%}.main .hero.hero-3 .hero-forms{display:flex;flex-direction:column}.main .hero.hero-3 .hero-subheader{text-align:center;font-size:21px;color:#333;font-weight:300;line-height:130%;margin:0 0 10px 0}.main .hero.hero-3 .hero-subheader strong{font-weight:500 !important}.main .hero.hero-3 .forms-sections{display:flex;flex-direction:row}.main .hero.hero-3 .forms-sections .form-section{width:50%;padding:20px 30px}.main .hero.hero-3 .forms-sections .form-section:first-child{border-right:1px solid #e1e1e1}.main .hero.hero-3 .forms-sections .form-section .form-section-title{font-size:21px;font-family:"Roboto",sans-serif;margin:0 0 15px 0}.main .hero.hero-3 .forms-sections .form-section .form-section-description ul li{font-family:"Roboto",sans-serif;font-weight:300;font-size:16px;margin:0 0 5px 0;line-height:150%}.main .hero.hero-3 .hero-action{text-align:center;display:flex;flex-direction:column;align-items:center}.main .hero.hero-3 .hero-action .main{text-transform:uppercase}.main .hero.hero-3 .hero-action .icons{display:flex}.main .hero.hero-3 .hero-action .icons svg{width:50px;height:50px}.main .hero.hero-center{padding:50px 0 50px 0;margin:0px}@media(max-width: 768px){.main .hero.hero-center .container{overflow:hidden}}.main .hero.hero-center.bg-blue-light{background:#f2f7ff}.main .hero.hero-center h2{text-align:center;margin:0 0 30px 0;font-size:30px}.main .hero.hero-center .btn-container{max-width:300px;margin:auto}.main .hero.hero-center .btn-container .btn-basic{padding:12px 17px;font-size:18px}@media(max-width: 768px){.main .hero.hero-center .btn-container{width:100%;max-width:none}}.main .hero .profs{margin:20px auto 20px auto;display:flex;flex-wrap:wrap;justify-content:center}@media(max-width: 768px){.main .hero .profs.mob-horizontal{display:flex;flex-wrap:nowrap;align-items:center;margin:0 0 10px 0;justify-content:space-between;overflow-x:auto;width:calc(100% + 15px)}}.main .hero .profs .prof{background:#ebebeb;color:#000;margin:0 20px 20px 0;padding:5px 9px;border-radius:9px;text-decoration:none}.main .hero .profs .prof:hover{background:#dbdada}.main .hero .profs .prof:last-child{margin:0px 0 20px 0}.main .hero .subheader-v1{width:700px;margin:auto;text-align:center;margin:0 auto 20px auto}.main .hero .subheader-v1.size-l{font-size:18px;line-height:150%;margin:0 auto 30px auto}@media(max-width: 768px){.main .hero .subheader-v1{width:100%}}.main .hero.hero-steps{padding:50px 0 50px 0}.main .hero.hero-steps h2{font-size:30px;margin:0 0 50px 0;text-align:center}.main .hero.hero-steps .steps .step{display:flex;margin:0 0 50px 0}@media(max-width: 768px){.main .hero.hero-steps .steps .step{flex-direction:column-reverse}}.main .hero.hero-steps .steps .step .step-descr{flex:1;padding:30px 30px 0 0}@media(max-width: 768px){.main .hero.hero-steps .steps .step .step-descr{padding:0px}}.main .hero.hero-steps .steps .step .step-descr .descr{font-size:18px;line-height:150%}.main .hero.hero-steps .steps .step .step-descr h3{margin:0 0px 50px 0;font-size:27px}.main .hero.hero-steps .steps .step .step-img{width:60%}@media(max-width: 768px){.main .hero.hero-steps .steps .step .step-img{width:100%;margin:0 0 20px 0}}.main .hero.hero-steps .steps .step .step-img img{border-radius:15px;width:100%;height:auto;position:relative}.main .hero.hero-steps .steps .step .btn-container{margin:30px auto 30px auto}.main .hero.hero-steps .steps .step .btn-container .btn-basic{max-width:350px}.main .hero.hero-examples .vertical-gallery{flex:1;height:400px;overflow:hidden;position:relative}@media(max-width: 768px){.main .hero.hero-examples .vertical-gallery{flex:none;width:100%;height:250px;margin:0 0 50px 0}}.main .hero.hero-examples .vertical-gallery::before{content:"";position:absolute;top:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);z-index:2;pointer-events:none}.main .hero.hero-examples .vertical-gallery::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);z-index:2;pointer-events:none}.main .hero.hero-examples .vertical-gallery .gallery-container{display:flex;width:100%;animation:scrollUp 30s linear infinite}@media(max-width: 768px){.main .hero.hero-examples .vertical-gallery .gallery-container{animation:scrollUp 15s linear infinite}}@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}.main .hero.hero-examples .vertical-gallery .gallery-container:hover{animation-play-state:paused}.main .hero.hero-examples .vertical-gallery .gallery-column{flex:1;display:flex;flex-direction:column;padding:0 10px}.main .hero.hero-examples .vertical-gallery .gallery-column.right-column{margin-top:150px}.main .hero.hero-examples .vertical-gallery .gallery-item{width:100%;margin-bottom:20px;overflow:hidden}.main .hero.hero-examples .vertical-gallery .gallery-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.main .hero.hero-examples .vertical-gallery .gallery-image:hover{transform:scale(1.05)}.stars-wrapp{display:flex;align-items:center}.stars-wrapp .num{font-size:15px;margin:0 5px 0 0}.stars{position:relative;float:left;font-size:18px;height:1em;line-height:1em}.stars:before{content:"☆☆☆☆☆";float:left;z-index:1;color:#ffc800}.stars .percent{position:absolute;left:0;float:left;overflow:hidden;z-index:9}.stars .percent:after{content:"★★★★★";color:#ffc800}.before-after{width:40%}@media(max-width: 768px){.before-after{width:100%;margin:0 0 30px 0}}.before-after .before-after-slider{border-radius:15px;border:5px solid #c5dbff;width:100%;position:relative;overflow:hidden;outline:none}.before-after .before-after-slider .lbl{position:absolute;z-index:12;padding:4px 7px 5px 7px;font-size:14px;color:#000;font-weight:500;background:rgba(255,255,255,.5);border-radius:9px;display:flex;align-items:center;justify-content:center}.before-after .before-after-slider .lbl svg{width:16px;height:16px}.before-after .before-after-slider .lbl.lbl-before{top:10px;left:10px;width:70px}.before-after .before-after-slider .lbl.lbl-after{background:rgba(255,255,45,.5);top:10px;right:10px}.before-after .after-image{display:block;outline:none}.before-after .after-image img{width:100%;height:100%;object-fit:cover;outline:none}.before-after .before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden;z-index:2;outline:none}.before-after .before-image img{height:100%;width:auto;object-fit:fill;outline:none}.before-after .resizer{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:4px;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y}.before-after .resizer svg{width:40px;height:40px;position:absolute;z-index:9;margin:0 0 0 -18px;cursor:pointer}.before-after .resizer svg path{stroke:#fff}.before-after .resizer:after{background:#2388ff;content:"_";color:#2388ff;font-weight:900;display:flex;justify-content:center;align-items:center;position:absolute;margin:0 0 0 -20px;width:40px;height:40px;border-radius:50%;border:3px solid #fff;cursor:pointer}.before-after .ba-gallery{display:flex;justify-content:center;margin:10px 0 10px 0px}.before-after .ba-gallery .ba-item{cursor:pointer;width:40px;height:40px;border-radius:50%;margin:0 5px 0 0}.before-after .ba-gallery .ba-item img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wishlist-heart{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);border:2px solid #ddd;border-radius:50%;width:40px;height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10}.wishlist-heart.active{display:flex}.wishlist-heart:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.15)}.wishlist-heart:hover .heart-icon{stroke:#ff4458}.wishlist-heart.active{background:#ff4458;border-color:#ff4458}.wishlist-heart.active .heart-icon{stroke:#fff;fill:#fff}.wishlist-heart.active .heart-icon.filled{fill:#fff}.wishlist-heart.active:hover{background:#ff2040;border-color:#ff2040}.wishlist-heart .heart-icon{width:20px;height:20px;stroke:#666;stroke-width:2;fill:none;transition:all .3s ease}.wishlist-heart .heart-icon.filled{fill:#ff4458;stroke:#ff4458}.wishlist-heart .wishlist-label{display:none}.item{position:relative;transition:transform .3s ease}.item:hover .item-overlay{opacity:1;visibility:visible}.item.in-wishlist .wishlist-heart{background:#ff4458;border-color:#ff4458}.item.in-wishlist .wishlist-heart .heart-icon{fill:#fff;stroke:#fff}.item .item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);opacity:0;visibility:hidden;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.item .item-overlay .img-title{color:#fff;font-size:14px;font-weight:500;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.5)}#wishlist-widget{position:fixed;bottom:25px;right:80px;background:#ff4458;border-radius:30px;padding:12px 20px;display:none;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(255,68,88,.3);z-index:1000;transition:all .3s ease;text-decoration:none;font-weight:500}#wishlist-widget svg{stroke:#000;stroke-width:2px}@media(max-width: 768px){#wishlist-widget svg{width:32px;height:32px}}#wishlist-widget:hover{animation:pulse .3s ease}#wishlist-widget.visible{display:flex;animation:slideInUp .3s ease}#wishlist-widget.minimized{transform:translateY(50px);opacity:.7}#wishlist-widget.mobile{bottom:15px;right:80px;padding:15px 15px;border-radius:25px}#wishlist-widget .wishlist-widget-content{display:flex;align-items:center;justify-content:center}#wishlist-widget .wishlist-widget-content svg{margin-right:5px;fill:#fff}#wishlist-widget #wishlist-count{background:#fff;color:#ff4458;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px}#wishlist-widget #wishlist-count.pulse{animation:pulse .5s ease}#wishlist-widget #wishlist-widget-btn{background:rgba(0,0,0,0);border:none;color:#fff;font-size:16px;font-weight:500;cursor:pointer;padding:0;margin:0}#wishlist-widget #wishlist-widget-btn:hover{text-decoration:underline}#wishlist-widget #wishlist-widget-btn.has-items{font-weight:500}@media(max-width: 768px){#wishlist-widget #wishlist-widget-btn{font-size:25px;font-weight:500}}.wishlist-notification{position:fixed;top:100px;right:-400px;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;z-index:9999;transition:right .3s ease}.wishlist-notification.show{right:30px}.wishlist-notification.added{border-left:4px solid #ff4458}.wishlist-notification.added .notification-icon{color:#ff4458}.wishlist-notification.removed{border-left:4px solid #999}.wishlist-notification.removed .notification-icon{color:#999}.wishlist-notification .notification-icon{font-size:20px}.wishlist-notification .notification-text{font-size:14px;color:#333}.wishlist-section{margin-bottom:30px}.wishlist-section h4{font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}.wishlist-section h4 .wishlist-icon{color:#ff4458}.wishlist-section .wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:16px}@media(max-width: 768px){.wishlist-section .wishlist-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:12px}}.wishlist-section .wishlist-item{position:relative;border-radius:8px;overflow:hidden;background:#f5f5f5}.wishlist-section .wishlist-item img{width:100%;height:200px;object-fit:cover}.wishlist-section .wishlist-item .quantity-selector{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.95);padding:8px;display:flex;align-items:center;justify-content:center;gap:8px}.wishlist-section .wishlist-item .quantity-selector button{width:28px;height:28px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.wishlist-section .wishlist-item .quantity-selector button:hover{background:#f0f0f0}.wishlist-section .wishlist-item .quantity-selector input{width:40px;height:28px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.wishlist-section .wishlist-item .remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.wishlist-section .wishlist-item .remove:hover{background:#fff;border-color:#ff4458;color:#ff4458}.wishlist-section .wishlist-empty{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:8px}.wishlist-section .wishlist-empty p{color:#666;margin-bottom:20px}.wishlist-section .wishlist-empty .btn-browse{display:inline-block;padding:10px 20px;background:#ff4458;color:#fff;border-radius:6px;text-decoration:none}.wishlist-section .wishlist-empty .btn-browse:hover{background:#ff2040}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media(max-width: 768px){.wishlist-heart{width:36px;height:36px}.wishlist-heart .heart-icon{width:18px;height:18px}.wishlist-notification{right:-350px}.wishlist-notification.show{right:20px}}.main{margin-bottom:100px}.content{font-weight:300}.content.col2{display:flex}@media(max-width: 768px){.content.col2.col2{flex-direction:column}}@media(max-width: 768px){.content.col2.col2-m-r{flex-direction:column-reverse}}.content.col2 .l{padding:0 25px 0 0}@media(max-width: 768px){.content.col2 .l{padding:0px}}.content.col2 .r{padding:0 0 0 25px}@media(max-width: 768px){.content.col2 .r{padding:0px}}@media(max-width: 768px){.content.col2.m-flex-col-r{flex-direction:column-reverse !important}}.content h2{font-family:"Roboto",sans-serif;line-height:150%;margin:0 0 20px 0}.content h2.title{font-family:"Roboto",sans-serif;font-size:35px;margin:0 0 50px 0}.content h3{font-family:"Roboto",sans-serif;font-size:23px;line-height:150%}.content h4{font-family:"Roboto",sans-serif;font-size:21px;line-height:150%}.content p{line-height:175%}.content ul li{margin:0 0 15px 0}.content .block2col{display:flex}.content .block2col img{width:100%;height:auto;margin-top:20px}.content .qfaq{margin:0 0 20px 0;padding:15px 25px;border:1px dotted #999;background:#eeffe3;font-size:15px;border-radius:9px}.content .qfaq .q{position:relative;font-weight:400;margin:0 0 10px 0;padding-bottom:5px;border-bottom:1px dotted #999;font-size:18px;font-family:"Roboto",sans-serif}.content .hint{padding:15px 25px;background-color:#f7f7f7;margin:0 0 20px 0;position:relative;display:flex}.content .hint:before{content:"";margin:0 10px 0 5px;border-left:2px solid #c1c1c1}.content .story{text-align:right;font-style:italic;font-weight:400;padding-left:15px;margin-left:15px;border-left:2px solid #c1c1c1}.landing{padding:50px 0 50px 0}.landing h1{margin:0 0 20px 0}.landing h2.sub-header{font-size:23px;font-weight:300;margin:0 0 20px 0}.landing .order-warning{text-align:center;margin:0 auto 10px auto;padding-bottom:10px;border-bottom:1px dotted #333}.landing .plan-features{padding:40px 30px;background:#fff;margin:0 auto 40px auto;display:flex;flex-direction:row}@media(max-width: 768px){.landing .plan-features{flex-direction:column;padding:0px}}.landing .plan-features .l{padding:50px 50px 50px 20px;width:30%}@media(max-width: 768px){.landing .plan-features .l{width:100%;padding:50px 0 50px 0}}.landing .plan-features .r{flex:1;padding:15px 0 15px 50px;border-left:1px solid #ccc}@media(max-width: 768px){.landing .plan-features .r{width:100%;padding:15px 0 15px 0;border:none}}.landing .plan-features .r .title{font-size:25px;font-weight:500;margin:0 0 0px 0}.landing .plan-features .r .subtitle{font-size:16px;font-weight:400;margin:0 0 20px 0}.landing .plan-features .price{position:relative;margin:auto;width:100px;display:flex;align-items:start;font-weight:600;margin:0 auto 40px auto}.landing .plan-features .price .price-val{font-size:55px;font-family:"Roboto",sans-serif}.landing .plan-features .price .price-currency{font-family:"Roboto",sans-serif;font-size:30px;position:absolute;left:-30px;top:10px}.landing .plan-features .btn-pay{font-size:18px;padding:12px}.landing .plan-features .features-list{display:flex;flex-direction:column}.landing .plan-features .features-list .item{display:flex;align-items:start;margin:0 0 15px 0}.landing .plan-features .features-list .item svg{width:21px !important;height:21px;margin:0 15px 0 0}.landing .plan-features .features-list .item .item-val{font-weight:400;font-size:16px;flex:1}.landing .order-status{margin:50px 0 50px 0;font-size:21px;font-weight:300;font-family:"Roboto",sans-serif}.landing .order-status .error-block{margin:50px 0 50px 0}.landing .order-status .loader{display:flex;align-items:center}.landing .order-status .loader svg{stroke:#000;margin:0 15px 0 0}.landing .contact-main{max-width:500px;margin:auto}.landing .contact-main h1{margin-bottom:10px}.landing .contact-main .subHeader{font-weight:300;margin:0 0 30px 0}.landing .contact-main .body{font-weight:300}.landing .body{font-weight:300;line-height:125%}.landing-heading{margin:0 0 100px 0}@media(max-width: 768px){.landing-heading .container{padding-left:15px;padding-right:15px}}.landing-heading .container.heading-center{text-align:center}.landing-heading h1{font-family:"Roboto",sans-serif;font-weight:500;font-size:45px;line-height:125%;max-width:70%;margin-left:auto;margin-right:auto}@media(max-width: 991px){.landing-heading h1{max-width:none}}@media(max-width: 768px){.landing-heading h1{max-width:none}}.landing-heading h2.subheading{font-size:21px;font-weight:300;max-width:70%;margin:0 auto 50px auto;color:#333;line-height:170%}@media(max-width: 991px){.landing-heading h2.subheading{max-width:none}}@media(max-width: 768px){.landing-heading h2.subheading{max-width:none}}.landing-heading .btn-container{display:flex;justify-content:center}.landing-heading .btn-container .btn-basic{display:block;margin:auto;width:200px;max-width:300px;font-size:18px;padding:15px 25px;text-align:center;align-items:center}.landing-heading.hero-2{margin:0px 0 100px 0;text-align:left}.landing-heading.hero-2 .container{display:flex}@media(max-width: 768px){.landing-heading.hero-2 .container{flex-direction:column;padding:20px 15px 0 15px}}.landing-heading.hero-2 .heading-v2{padding:20px 30px 20px 0px;width:50%}@media(max-width: 768px){.landing-heading.hero-2 .heading-v2{width:100%;padding:0}}.landing-heading.hero-2 h1{margin:30px 0 30px 0;font-family:"Roboto",sans-serif;font-weight:500;font-size:50px;line-height:120%;max-width:none}@media(max-width: 768px){.landing-heading.hero-2 h1{font-size:50px;text-align:center;line-height:3.8rem}}.landing-heading.hero-2 .hero-subheader{font-size:18px;line-height:2rem;color:#555;font-weight:400;margin:0 0 30px 0}@media(max-width: 768px){.landing-heading.hero-2 .hero-subheader{text-align:center}}.landing-heading.hero-2 .hero-subheader strong{font-weight:400;color:#000}.landing-heading.hero-2 .btn-container{display:flex}@media(max-width: 768px){.landing-heading.hero-2 .btn-container{justify-content:center}}.landing-heading.hero-2 .btn-container .btn-action{cursor:pointer;display:block;padding:15px 25px;border-radius:9px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:19px}.landing-heading.hero-2 .btn-container .btn-action:hover{text-decoration:none;transition:all .3s;opacity:.7}.landing-heading.hero-2 .btn-container .btn-action.btn-blue{background:#2388ff;color:#fff;border-radius:5px;transition:all .3s}.landing-heading.hero-2 .heading-image{text-align:left;position:relative;overflow:hidden;flex-grow:1;padding:50px 30px 0 30px;border-bottom:1px solid #e1e1e1}@media(max-width: 768px){.landing-heading.hero-2 .heading-image{height:300px}}.landing-heading.hero-2 .heading-image img{border-radius:9px;max-width:85%;height:auto;position:absolute;-webkit-box-shadow:0px 0px 10px 4px rgba(0,0,0,.2);box-shadow:0px 0px 10px 4px rgba(0,0,0,.2)}@media(max-width: 768px){.landing-heading.hero-2 .heading-image img{left:7.5%}}.landing-heading.hero-2 .heading-image .x2label{position:absolute;display:flex;align-items:center;justify-content:center;vertical-align:middle;padding:6px 8px;z-index:1;width:146px;right:0;top:23px;border-radius:16px;border:4px solid #89d6ec;background-color:rgba(255,255,255,.9);font-size:14px;font-weight:500}.landing-heading.hero-2 .heading-image .x2label i{width:32px;height:32px}.landing-heading.hero-2 .heading-image .x2label i svg{fill:#fdeb00;width:32px;height:32px}.templates-list{margin:0 0 50px 0}@media(max-width: 768px){.templates-list{margin-bottom:50px}}.templates-list .container{display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width: 768px){.templates-list .container{padding-left:15px;padding-right:15px}}.templates-list .container.container-wide-4{padding:0px}.templates-list .template-item{flex:0 0 33.33%;max-width:calc((100% - 32px)/3);margin:0 0 50px 0;background:#f8f9fb;border-radius:9px}@media(max-width: 991px){.templates-list .template-item{flex:0 0 50%;max-width:calc((100% - 24px)/2);margin:0 0 50px 0}}@media(max-width: 768px){.templates-list .template-item{max-width:none;width:100%;flex:0 0 100%}}.templates-list .template-item .card{font-weight:300;padding:24px}.templates-list .template-item .item-preview{border-radius:9px;width:100%;height:auto;box-shadow:0 2.61429px 10px rgba(0,0,0,.2);margin:0 0 20px 0}.templates-list .template-item .title{font-size:21px;font-weight:400;margin:0 0 20px 0}.templates-list .template-item .description{color:#6f7580;font-size:14px;line-height:150%}.templates-list .container-wide-4 .template-item{flex:0 0 25%;max-width:calc((100% - 32px)/4);margin:0 0 0px 0px}@media(max-width: 991px){.templates-list .container-wide-4 .template-item{flex:0 0 50%;max-width:calc((100% - 24px)/2);margin:0 0 70px 0}}@media(max-width: 768px){.templates-list .container-wide-4 .template-item{max-width:none;width:100%;flex:0 0 100%}}.templates-list .container-wide-4 .card{height:auto}@media(max-width: 768px){.templates-list .container-wide-4 .card{height:100%}}@media(max-width: 768px){.templates-list .container-wide-4 .card{height:100%}}.templates-list .container-wide-4 .title{min-height:51px}@media(max-width: 768px){.templates-list .container-wide-4 .title{font-size:16px}}.pricing-container{display:flex;justify-content:center;align-items:stretch;margin:0 auto 30px auto}@media(max-width: 768px){.pricing-container{flex-direction:column}}.pricing-plan{border-radius:15px;border:1px solid #000;padding:15px 20px 30px 20px;margin:0 15px;display:flex;flex-direction:column;width:33%;position:relative}@media(max-width: 768px){.pricing-plan{margin:15px 0;width:calc(100% - 40px)}}.pricing-plan.fav{border:3px solid #2388ff}.pricing-plan.plan-wide{width:calc(100% - 40px)}.pricing-plan .label-fav{position:absolute;top:-13px;right:20px;background:#2388ff;color:#fff;display:flex;align-items:center;padding:3px 7px;font-size:11px;text-transform:uppercase;border-radius:9px}.pricing-plan .label-fav svg{fill:#fdeb00;width:16px;height:16px;margin-right:5px}.pricing-plan h2{font-size:21px;font-weight:600;margin:0 0 10px;display:flex;align-items:center}.pricing-plan h2 svg{width:24px;height:24px;margin:0 5px 0 0;position:relative;top:2px}.pricing-plan h3{font-size:15px;font-weight:400;margin:0px;color:#555}.pricing-plan .price{font-size:32px;font-weight:500;margin:0 0 10px;position:relative}.pricing-plan .price .currency{font-size:16px;font-weight:400;position:relative;margin:0 5px 0 0}.pricing-plan .price-info{font-size:12px;color:#4d4d4d}.pricing-plan .btn-payment-wrap{margin:20px 0 50px 0}.pricing-plan .btn-payment-wrap .btn-pay{padding:15px 15px;font-size:18px}.pricing-plan .btn-payment-wrap .btn-pay svg{display:none}.pricing-plan .btn-payment-wrap .btn-pay.active svg{display:inline-block}.pricing-plan .btn-payment-wrap .terms{margin:5px 0 0 0;font-size:13px}.pricing-plan ul{list-style-type:none;padding:0;margin:0 0 30px;flex-grow:1}.pricing-plan ul li{display:flex;flex-wrap:wrap;margin-bottom:10px;padding-left:25px;position:relative;align-items:start;padding:0px}.pricing-plan ul li.complex{flex-direction:column}.pricing-plan ul li.zero .text{color:#555}.pricing-plan ul li .ic{width:18px;margin:0 5px 0 0;position:relative;top:3px}.pricing-plan ul li .text{flex:1;line-height:150%}.pricing-plan ul li .grey svg{fill:#999}.pricing-plan ul li .grey svg path{fill:#999 !important}.pricing-plan ul li svg{width:18px;height:18px}.pricing-plan ul li .label-ai{margin:0 0 0 2px;font-size:11px;top:-2px;line-height:125% !important}.pricing-plan ul li .sub-text{padding-left:25px;font-size:15px;color:#666;line-height:125%}.pricing-plan .separator{height:1px;background-color:#e1e1e1;margin:15px 0}.pricing-plan .feature-title{display:flex;margin:0 0 5px 0}.pricing-plan .meta-container{display:flex}@media(max-width: 768px){.pricing-plan .meta-container{flex-direction:column}}.pricing-plan .meta-container .price-container{margin:0 20px 0 0}@media(max-width: 768px){.pricing-plan .meta-container .price-container{margin:0 0 10px 0}}.packages-type-btns{margin:50px auto 50px auto;width:70%;display:flex;justify-content:space-between}@media(max-width: 768px){.packages-type-btns{width:100%}}.packages-type-btns .btn-basic{width:450px;margin:0 20px 0 20px}@media(max-width: 768px){.packages-type-btns .btn-basic{width:43%;margin:0 0 20px 0}}.packages-block{margin:50px 0 50px 0}.packages-block.hs-block{padding:50px 0 50px 0;background:#f2f7ff;padding:30px 60px 30px 60px}@media(max-width: 768px){.packages-block.hs-block{padding:30px 15px}}.packages-block .package-header{font-size:35px;text-align:center;margin:0 0 50px 0;font-family:"Roboto",sans-serif}.hero{padding-top:20px;margin:0 0 50px 0}.hero.heroapp-1 .breadcrumbs{margin:0 0 10px 0}.hero.heroapp-1 .breadcrumbs a{color:#333;text-decoration:none;font-size:14px}.hero.heroapp-1 .breadcrumbs a:hover{text-decoration:underline}.hero.heroapp-1 .heading-v1{display:flex;align-items:start}@media(max-width: 768px){.hero.heroapp-1 .heading-v1{flex-direction:column-reverse}}.hero.heroapp-1 .heading-v1 .heading-content{width:calc(60% - 50px);margin:0 50px 0 0}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 .heading-content{width:100%}}.hero.heroapp-1 .heading-v1 .heading-content .features{margin:0 0 20px 0}.hero.heroapp-1 .heading-v1 .heading-content .features .item{margin:0 0 10px 0;font-weight:500;font-size:21px}.hero.heroapp-1 .heading-v1 h1{font-size:18px;font-weight:400;font-family:"Roboto",sans-serif;margin:0 0 5px 0;color:#333}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 h1{font-size:21px;margin:0 0 10px 0;text-align:center}}.hero.heroapp-1 .heading-v1 h1 .label-ai{top:-2px}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 h1 .label-ai{font-size:15px;margin:5px 0 5px 0}}.hero.heroapp-1 .heading-v1 h2{font-family:"Roboto",sans-serif;font-size:47px;margin:0 0 30px 0}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 h2{text-align:center;font-size:2.5rem;line-height:3.3rem}}.hero.heroapp-1 .heading-v1 h2.gradient{background:linear-gradient(306.48deg, #0a0911 34.71%, #2388ff 93.62%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero.heroapp-1 .heading-v1 .intro{font-family:"Roboto",sans-serif;font-size:18px;font-weight:400;line-height:150%;margin:0 0 15px 0}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 .intro{text-align:center;font-size:18px}}.hero.heroapp-1 .heading-v1 .btn-container{display:flex}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 .btn-container{justify-content:center;margin:0 0 20px 0}}.hero.heroapp-1 .heading-v1 .btn-container .btn-basic.btn-app{padding:20px 35px;border-radius:9px;text-decoration:none;font-size:18px}@media(max-width: 768px){.hero.heroapp-1 .heading-v1 .btn-container .btn-basic.btn-app{padding:15px 50px;font-size:21px}}.hero.heroapp-1 .heading-v1 .btn-container .btn-basic.btn-app:hover{text-decoration:none;transition:all .1s;opacity:.7}.hero.heroapp-1 .heading-v1 .btn-container .btn-basic.btn-app svg{fill:#fdeb00;width:25px;height:25px;margin:0 5px 0 0px}.hero.heroapp-1 .benefits{position:relative;z-index:3;margin:0 0 30px 0;width:90%}@media(max-width: 768px){.hero.heroapp-1 .benefits{width:100%;display:flex;flex-wrap:nowrap;align-items:center;margin:0 0 10px 0;justify-content:space-between;overflow-x:auto;width:calc(100% + 15px)}}.hero.heroapp-1 .benefits .item{background:#fff;box-shadow:1px 2px 2px rgba(1,0,0,.15);color:#000;border-radius:15px;padding:5px 7px 6px 7px;margin:0 10px 12px 0;font-weight:400;font-size:18px;text-align:right;display:inline-flex;align-items:center}.hero.heroapp-1 .benefits .item svg{width:18px;height:18px;margin:0 5px 0 0}.hero.heroapp-1 .benefits .item .text{flex:1}@media(max-width: 768px){.hero.heroapp-1 .benefits .item{min-width:150px}}.hero.hero-examples{background:#000;color:#fff;padding-bottom:30px}.hero.hero-examples .heading-v1 h1{color:#e1e1e1}.hero.hero-examples .heading-v1 h2{color:#fff}.hero.hero-examples .heading-v1 .heading-content{width:50%}@media(max-width: 768px){.hero.hero-examples .heading-v1 .heading-content{width:100%;margin:0 0 20px 0}}.hero.hero-examples .btn-basic{box-shadow:none}.hero.demo h3.title{margin:0 0 30px 0;font-family:"Roboto",sans-serif;font-size:35px;text-align:center}.score-details{display:flex;align-items:center;justify-content:center;flex-direction:column}.score-details .l1{display:flex;margin:0 0 5px 0;font-size:21px;justify-content:center}.score-details .l1 .stars-wrapp .num{font-size:21px;font-weight:500}.score-details .l1 .stars-wrapp .stars{font-size:25px}.score-details .l1 .text{margin:0 0 0 10px;font-weight:500}.score-details .l2{font-weight:500;font-size:19px}.landing-p .gallery{padding:50px 0 50px 0}.landing-p .gallery.gray{background:#f5f5f5}.landing-p .gallery .title{margin:0 0 20px 0 !important}.landing-p .gallery .gallery-container{width:100%;overflow:hidden;position:relative}.landing-p .gallery .gallery-container .gallery-list{display:flex;flex-wrap:nowrap}.landing-p .gallery .gallery-container .gallery-list.carousel{animation:scroll-left 30s linear infinite}.landing-p .gallery .gallery-container .gallery-list.carousel:hover{animation-play-state:paused}.landing-p .gallery .gallery-container .gallery-list .item{flex:0 0 auto;width:250px;height:400px;margin-right:20px;border-radius:9px}.landing-p .gallery .gallery-container .gallery-list .item img{width:100%;height:100%;border-radius:9px;object-fit:cover;display:block}.landing-p .gallery .gallery-container .gallery-list .item.item-before-after{position:relative}.landing-p .gallery .gallery-container .gallery-list .item.item-before-after .before{position:absolute;width:90px;height:90px;border-radius:50%;border:5px solid #fff;bottom:10px;left:10px}.landing-p .gallery .gallery-container .gallery-list .item.item-before-after .before img{border-radius:50%;width:100%;height:100%;object-fit:cover}.landing-p .gallery .gallery-container .gallery-list .item.item-before-after .ai-label{font-size:13px;background:rgba(255,255,255,.5);font-weight:500;position:absolute;top:5px;right:5px;border-radius:5px;padding:2px 3px}.landing-p .gallery .reviews{display:flex;flex-wrap:wrap;justify-content:space-evenly}.landing-p .gallery .reviews .item-summary{width:calc(19% - 20px);height:300px;margin:0 0 15px 0;position:relative;border-radius:9px;padding:10px;background:linear-gradient(254.29deg, #ddfbff 0.83%, #ddeaff 64.17%, #c0cbff 112.85%)}@media(max-width: 768px){.landing-p .gallery .reviews .item-summary{width:calc(100% - 20px);height:auto}}.landing-p .gallery .reviews .item-summary .title{font-size:16px;text-transform:uppercase;font-weight:600;margin:10px 0 10px 0;text-align:left}.landing-p .gallery .reviews .item-summary .item-content{bottom:10px;left:10px;right:10px}@media(max-width: 768px){.landing-p .gallery .reviews .item-summary .item-content{position:inherit;left:0px;right:0px;bottom:0px}}.landing-p .gallery .reviews .item-summary .content{font-size:13px;margin:0 0 10px 0;line-height:140%}.landing-p .gallery .reviews .review{position:relative;width:19%;height:320px;margin:0 0 15px 0}@media(max-width: 768px){.landing-p .gallery .reviews .review{width:49%;margin:0 1% 15px 0}}.landing-p .gallery .reviews .review:after{content:"";position:absolute;bottom:0px;left:0px;right:0px;height:160px;border-radius:9px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%)}.landing-p .gallery .reviews .review .img{width:100%;height:100%;object-fit:cover;border-radius:9px}.landing-p .gallery .reviews .review .review-content{position:absolute;left:10px;bottom:15px;right:10px;color:#fff;z-index:9}.landing-p .gallery .reviews .review .review-content .name{font-weight:500;font-size:18px;margin:0 0 10px 0}.landing-p .gallery .reviews .review .review-content .text{font-size:13px;line-height:125%}.landing-p .gallery.gallery-bottom{padding-bottom:0px}.landing-p .gallery.gallery-bottom .btn-container{max-width:300px;margin:0 auto 50px auto}.landing-p .gallery.gallery-bottom .btn-container .btn-basic{padding:20px}.landing-p .gallery.gallery-bottom .gallery-list{overflow:hidden;justify-content:center}.landing-p .gallery.gallery-bottom .gallery-list .item{border-radius:0px;position:relative}.landing-p .gallery.gallery-bottom .gallery-list .item img{border-radius:0px}.landing-p .gallery.gallery-bottom .gallery-list .item:after{position:absolute;right:0px;left:0px;bottom:0px;content:"";height:60%;background:linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.landing-p .section{padding:50px 0 50px 0}.landing-p .section .title{text-align:center;font-family:"Roboto",sans-serif;font-weight:600;font-size:35px;line-height:115%;margin:0 0 5px 0}.landing-p .section h2.title{margin:0 0 50px 0}.landing-p .section .subheader{text-align:center;font-size:18px;color:#333;margin:0 0 20px 0}.landing-p .btn-container{margin:30px auto 30px auto}.landing-p .btn-container .btn-basic{max-width:350px}.landing-p .how-to-use .title{margin:0 0 50px 0}.landing-p .how-to-use .use-items{display:flex;margin:0 0 10px 0}@media(max-width: 768px){.landing-p .how-to-use .use-items{flex-wrap:wrap}}.landing-p .how-to-use .use-items .item{width:22%;margin:0 2% 20px 0;padding:5px 10px;background:#fafafa;border-radius:9px;box-shadow:0px 3px 5px 0px rgba(0,0,0,.1)}@media(max-width: 768px){.landing-p .how-to-use .use-items .item{width:100%;margin:0 0 20px 0;background-color:#fff}}.landing-p .how-to-use .use-items .item:last-child{margin:0 0 20px 0}.landing-p .how-to-use .use-items .item .img-wrap{width:100%;height:80px;margin:0 0 10px 0;overflow:hidden}@media(max-width: 768px){.landing-p .how-to-use .use-items .item .img-wrap{height:150px}}.landing-p .how-to-use .use-items .item .img-wrap img{width:100%;object-fit:cover}.landing-p .how-to-use .use-items .item .pre-title{text-align:left;font-size:14px;color:#000;font-weight:300;margin:0 0 5px 0}@media(max-width: 768px){.landing-p .how-to-use .use-items .item .pre-title{font-size:16px}}.landing-p .how-to-use .use-items .item .title{font-size:18px;font-weight:500;margin:0 0 10px 0;text-align:left}@media(max-width: 768px){.landing-p .how-to-use .use-items .item .title{font-size:21px}}.landing-p .how-to-use .use-items .item .title .num{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 10px 0 0;border-radius:50%;color:#fff;background:#2388ff}.landing-p .how-to-use .use-items .item .subtitle{font-size:14px;color:#333;line-height:125%;margin:0 0 20px 0}@media(max-width: 768px){.landing-p .how-to-use .use-items .item .subtitle{font-size:18px}}.landing-p .how-to-use .more{text-align:center;font-weight:500}@media(max-width: 768px){.steps{overflow:hidden}}.steps .steps-descr{display:flex;justify-content:space-between;position:relative}@media(max-width: 768px){.steps .steps-descr{flex-direction:column}}.steps .arrow-c{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px}@media(max-width: 768px){.steps .arrow-c{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px}}.steps .arrow-c svg{width:80px;height:80px}@media(max-width: 768px){.steps .arrow-c svg{transform:rotate(90deg);width:50px;height:50px}}.steps .step{width:45%}@media(max-width: 768px){.steps .step{margin:0 0 40px 0;width:100%}}.steps .step .step-title{display:flex;justify-content:start;flex-direction:column;margin:0 0 5px 0}.steps .step .step-title .pre{font-size:18px;font-weight:600;text-transform:uppercase;color:#777;font-family:"Roboto",sans-serif}.steps .step .step-title .title{text-align:left;font-weight:500;color:#000;margin:0px;font-size:18px}.steps .step .photos-container{display:flex;align-items:start;position:relative}.steps .step .photos-container.border{padding:5px 5px 5px 5px;border:2px dotted #000}.steps .step .step-1-photos{display:grid;grid-template-columns:45% 25% 25%;grid-template-rows:1fr 1fr;gap:10px}@media(max-width: 768px){.steps .step .step-1-photos{margin:0 0 20px -10px;display:flex;flex-wrap:nowrap;padding:1rem 0 1rem 10px;justify-content:space-between;margin-bottom:1rem;margin-left:-10px;overflow-x:auto;width:calc(100% + 30px)}}.steps .step .step-1-photos .item-in{overflow:hidden;border-radius:5px}@media(max-width: 768px){.steps .step .step-1-photos .item-in{width:140px;margin:0 10px 0 0;overflow:hidden;flex-shrink:0;word-wrap:break-word;background-clip:border-box;display:flex;flex-direction:column;min-width:0;position:relative}}.steps .step .step-1-photos .item-in:last-child{margin:0px}.steps .step .step-1-photos .item-in img{width:100%;height:100%;object-fit:cover;border-radius:5px}.steps .step .step-1-photos .item-in:nth-of-type(1){grid-column:1/2;grid-row:1/3}.steps .step .step-1-photos .item-in:nth-of-type(2){grid-column:2/3;grid-row:1/2}.steps .step .step-1-photos .item-in:nth-of-type(3){grid-column:3/4;grid-row:1/2}.steps .step .step-1-photos .item-in:nth-of-type(4){grid-column:2/3;grid-row:2/3}.steps .step .step-1-photos .item-in:nth-of-type(5){grid-column:3/4;grid-row:2/3}.steps .step .arrow-right{margin:0 50px 0 0;position:relative;top:45px}@media(max-width: 768px){.steps .step .arrow-right{display:none}}.steps .step .final-step{width:300px;position:relative;top:-30px}@media(max-width: 768px){.steps .step .final-step{width:100%;height:auto;top:0px}}.steps .step .final-step img{width:100%;height:auto}.steps .step .photos-container{position:relative}.steps .step .photos-container:after{display:none}@media(max-width: 991px){.steps .step .photos-container:after{display:block;right:-30px;width:50px;position:absolute;top:0px;content:"";height:100%;background:linear-gradient(to right, transparent, white)}}@media(max-width: 768px){.steps .step .photos-container:after{display:block;right:-30px;width:50px;position:absolute;top:0px;content:"";height:100%;background:linear-gradient(to right, transparent, white)}}.steps .step .step-2-photos{position:relative;display:flex;flex-wrap:nowrap}@media(max-width: 991px){.steps .step .step-2-photos{display:flex;flex-wrap:nowrap;padding:1rem 0 1rem 10px;justify-content:space-between;margin-bottom:1rem;margin-left:-10px;overflow-x:auto;width:calc(100% + 30px)}}@media(max-width: 768px){.steps .step .step-2-photos{display:flex;flex-wrap:nowrap;padding:1rem 0 1rem 10px;justify-content:space-between;margin-bottom:1rem;margin-left:-10px;overflow-x:auto;width:calc(100% + 30px)}}.steps .step .step-2-photos:after{position:absolute;right:0px;top:0px;content:"";height:100%;width:300px;background:linear-gradient(to right, transparent, white)}@media(max-width: 991px){.steps .step .step-2-photos:after{display:none}}@media(max-width: 768px){.steps .step .step-2-photos:after{display:none}}.steps .step .step-2-photos .item-out{width:140px;margin:0 10px 0 0}@media(max-width: 768px){.steps .step .step-2-photos .item-out{overflow:hidden;flex-shrink:0;word-wrap:break-word;background-clip:border-box;display:flex;flex-direction:column;min-width:0;position:relative}}.steps .step .step-2-photos .item-out img{width:100%;height:100%;object-fit:cover;border-radius:5px}.steps .step .step-2-photos .item-out:last-child{margin:0px}.steps .btn-container{margin:30px auto 30px auto}.steps .btn-container .btn-basic{max-width:350px}.story-examples{padding:0px 0 50px 0}.story-examples .success-story-short{margin:0 0 50px 0}.story-examples .success-story-short h3{margin:0 0 15px 0;font-weight:600;font-family:"Roboto",sans-serif;font-size:27px}.story-examples .success-story-short h3 .num{position:relative;width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#000;color:#fff;font-size:21px;margin:0 5px 0 0}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}section.content{padding:60px 0 60px}section.content h2.center{text-align:center}section.content p{font-size:18px;line-height:150%}section.content .content-hint{display:flex;flex-wrap:wrap;gap:30px;border-radius:9px}section.content .hint-row{margin:0 0 20px 0}@media(max-width: 768px){section.content .hint-row{flex-direction:column}}.heroapp-3{padding:30px 0 30px 0;background:url("https://storage.yandexcloud.net/portretpro/www/tsvetotip/bg-site.webp") no-repeat left top;background-size:cover;background-color:rgba(255,255,255,.7);background-blend-mode:lighten}@media(max-width: 768px){.heroapp-3{padding:10px 0 30px 0}}.heroapp-3 h1{margin:0px;font-size:21px;font-weight:500}.heroapp-3 h2{margin:0 0 30px 0;font-size:47px;font-family:"Roboto",sans-serif;line-height:125%;text-align:left}@media(max-width: 768px){.heroapp-3 h2{font-size:40px;text-align:center}}.heroapp-3 h2 .yellow{color:#fdeb00}.heroapp-3 h2 .blue{color:#2388ff}.heroapp-3 .heading-v1{display:flex}@media(max-width: 768px){.heroapp-3 .heading-v1{flex-direction:column-reverse}}.heroapp-3 .heading-v1.v2{margin-top:20px}.heroapp-3 .heading-v1.v2 h1{font-size:45px;font-weight:600;margin:0 0 30px 0}.heroapp-3 .heading-v1.v2 .intro{font-size:18px;line-height:150%}.heroapp-3 .heading-v1 .header-gallery{width:50%;display:flex;gap:5px;border-radius:12px;overflow:hidden}@media(max-width: 768px){.heroapp-3 .heading-v1 .header-gallery{width:100%;margin:20px 0 30px 0}}.heroapp-3 .heading-v1 .header-gallery .item{width:50%}.heroapp-3 .heading-v1 .header-gallery .item img{width:100%;height:100%;object-fit:cover}.heroapp-3 .heading-content{min-width:52%;margin:0 3% 0 0;flex:1}@media(max-width: 768px){.heroapp-3 .heading-content{width:100%;margin:0 0 0px 0}}.heroapp-3 .heading-content .ln-1{display:flex;flex-direction:column-reverse;margin:0 0 20px 0}@media(max-width: 768px){.heroapp-3 .heading-content .ln-1{text-align:center;align-items:center}}.heroapp-3 .heading-content .ln-1 .total{width:230px;padding:7px 15px;border-radius:15px;background-color:#feffb4;color:#000;box-shadow:0 5px 20px 0 rgba(0,0,0,.06);margin:0 0 10px 0;font-size:16px;display:inline-flex;justify-content:center}.heroapp-3 .heading-content .ln-1 .total .num{font-weight:500;font-size:16px}.heroapp-3 .intro .features .item{font-size:21px;margin:0 0 15px 0;display:flex;align-items:center}.heroapp-3 .intro .features.bullet .item:before{content:"•";color:#fdeb00;display:inline-block;width:20px;margin:0 10px 0 0;font-size:30px;line-height:1;font-weight:300;transform:translateY(-2px);position:relative;top:3px}.heroapp-3 .intro p{font-size:18px;line-height:125%}.heroapp-3 .btn-container .btn-basic{font-size:18px;box-shadow:none;padding:15px 18px 15px 12px;width:350px}.heroapp-3 .header-examples{max-width:550px}@media(max-width: 768px){.heroapp-3 .header-examples{margin:30px 0 30px 0;flex:none;width:100%}}.heroapp-3 .header-examples .examples-container{margin:0 0 10px 0}.heroapp-3 .header-examples .color-season-hero1{display:none}.heroapp-3 .header-examples .color-season-hero1.active{display:flex;flex-direction:column-reverse}.heroapp-3 .header-examples .color-season-hero1 .explainer{display:flex;margin:0 0 10px 0;align-items:center}.heroapp-3 .header-examples .color-season-hero1 .explainer .t1{font-weight:300;font-size:15px}.heroapp-3 .header-examples .color-season-hero1 .explainer .pre{position:relative;display:inline-flex;padding:5px 15px;border:3px dotted #999;border-radius:15px;align-items:center;margin:0 10px 0 0}.heroapp-3 .header-examples .color-season-hero1 .explainer .pre .text{left:10px;top:10px;font-weight:300;font-size:15px;margin:0 15px 0 0}.heroapp-3 .header-examples .color-season-hero1 .explainer .pre .pre-imgs{display:flex}.heroapp-3 .header-examples .color-season-hero1 .explainer .pre .pre-imgs .before-wrap{width:60px;height:60px;border-radius:50%;margin:0 1px 0 1px}.heroapp-3 .header-examples .color-season-hero1 .explainer .pre .pre-imgs img{width:100%;height:100%;object-fit:cover;border-radius:50%}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results{display:flex;gap:2px;border-radius:15px;overflow:hidden;height:500px}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .main-img{flex:1}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .main-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap{display:flex;flex-direction:column;gap:2px;width:100px}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other{overflow:hidden;height:calc(33.4% - 2px);position:relative;cursor:pointer;transition:all .3s ease}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);transition:opacity .3s ease;pointer-events:none;z-index:1}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other:hover{transform:scale(1.05);z-index:2}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other:hover::before{opacity:.6}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other:hover img{transform:scale(1.1)}.heroapp-3 .header-examples .color-season-hero1 .example-hero-results .options-wrap .img-other.active::before{opacity:0}.heroapp-3 .header-examples .ba-gallery{display:flex;justify-content:center;margin:10px 0 10px 0px}.heroapp-3 .header-examples .ba-gallery .ba-item{cursor:pointer;width:40px;height:40px;border-radius:50%;margin:0 5px 0 0;transition:all .3s ease;position:relative}.heroapp-3 .header-examples .ba-gallery .ba-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease,filter .3s ease}.heroapp-3 .header-examples .ba-gallery .ba-item:hover{transform:scale(1.15)}.heroapp-3 .header-examples .ba-gallery .ba-item:hover img{filter:brightness(1.1)}.heroapp-3 .header-examples .ba-gallery .ba-item.active{transform:scale(1.2)}.heroapp-3 .header-examples .ba-gallery .ba-item.active::after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid #fdeb00;border-radius:50%}.heroapp-3 .header-examples .example-imgs{height:400px;display:flex;gap:1px;border-radius:15px;position:relative;overflow:hidden}.heroapp-3 .header-examples .example-imgs .img-wrap{width:calc(100% - 3px)}.heroapp-3 .header-examples .example-imgs .img-wrap img{width:100%;height:100%;object-fit:cover}.heroapp-3 .header-examples .example-imgs::after{content:"";position:absolute;bottom:0px;width:100%;height:50%;background:linear-gradient(to bottom, transparent, #0A0A0A 100%);z-index:3}.what-is-colortype{padding:60px 0}@media(max-width: 768px){.what-is-colortype{padding:40px 0}}.what-is-colortype .section-header{text-align:center;margin:0 0 50px 0}.what-is-colortype .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.what-is-colortype .section-header h2{font-size:35px;text-align:center}}.what-is-colortype .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);max-width:700px;margin:0 auto;line-height:1.5}@media(max-width: 768px){.what-is-colortype .section-header .section-subtitle{font-size:16px}}.what-is-colortype .seasons-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:0 0 60px 0}@media(max-width: 991px){.what-is-colortype .seasons-grid{grid-template-columns:1fr;gap:15px}}.what-is-colortype .season-card{background:rgba(0,0,0,.05);border-radius:20px;padding:30px;transition:all .3s ease;border:1px solid rgba(0,0,0,0)}.what-is-colortype .season-card:hover{transform:translateY(-5px);background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.08);box-shadow:0 3px 10px rgba(0,0,0,.3)}.what-is-colortype .season-card .season-icon{font-size:48px;margin:0 0 15px 0}.what-is-colortype .season-card h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 15px 0;display:flex;align-items:center}.what-is-colortype .season-card h3 .face-examples{display:flex;margin:0 20px 0 0}.what-is-colortype .season-card h3 .face-examples img{width:50px;height:50px;border-radius:50%}.what-is-colortype .season-card .color-palette{display:flex;gap:8px;margin:0 0 20px 0}.what-is-colortype .season-card .color-palette .color-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.2);transition:transform .2s ease}.what-is-colortype .season-card .color-palette .color-dot:hover{transform:scale(1.2)}.what-is-colortype .season-card p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.5;margin:0 0 20px 0}.what-is-colortype .season-card .link-arrow{font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease}.what-is-colortype .season-card .link-arrow:hover{color:#2388ff;transform:translateX(5px)}.what-is-colortype .subtypes-block{background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px;padding:40px;margin:0 0 60px 0}@media(max-width: 768px){.what-is-colortype .subtypes-block{padding:25px 15px}}.what-is-colortype .subtypes-block .subtypes-header{text-align:center;margin:0 0 30px 0}.what-is-colortype .subtypes-block .subtypes-header h3{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 10px 0}@media(max-width: 768px){.what-is-colortype .subtypes-block .subtypes-header h3{font-size:24px}}.what-is-colortype .subtypes-block .subtypes-header p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7)}.what-is-colortype .subtypes-block .subtypes-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin:0 0 25px 0}@media(max-width: 991px){.what-is-colortype .subtypes-block .subtypes-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.what-is-colortype .subtypes-block .subtypes-grid{grid-template-columns:1fr}}.what-is-colortype .subtypes-block .subtype-column .column-label{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#000;text-align:center;margin:0 0 10px 0;padding:8px}.what-is-colortype .subtypes-block .subtype-column .subtype-item{display:block;font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);text-decoration:none;padding:10px;margin:0 0 5px 0;background:rgba(0,0,0,.05);border-radius:8px;text-align:center;transition:all .3s ease}.what-is-colortype .subtypes-block .subtype-column .subtype-item:hover{background:rgba(0,0,0,.1);color:#2388ff;transform:translateX(5px)}.what-is-colortype .subtypes-block .ai-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px}.what-is-colortype .subtypes-block .ai-badge .badge-icon{font-size:24px}.what-is-colortype .subtypes-block .ai-badge .badge-icon svg{width:24px;height:24px}.what-is-colortype .subtypes-block .ai-badge .badge-text{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.9)}.what-is-colortype .benefits-section{margin:0 0 60px 0}.what-is-colortype .benefits-section .benefits-title{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.what-is-colortype .benefits-section .benefits-title{font-size:28px}}.what-is-colortype .benefits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px}@media(max-width: 991px){.what-is-colortype .benefits-grid{grid-template-columns:repeat(2, 1fr);gap:20px}}@media(max-width: 768px){.what-is-colortype .benefits-grid{grid-template-columns:1fr;gap:15px}}.what-is-colortype .benefit-card{background:rgba(0,0,0,.05);border-radius:15px;padding:25px;transition:all .3s ease}.what-is-colortype .benefit-card:hover{transform:translateY(-5px);background:rgba(0,0,0,.08);box-shadow:0 8px 25px rgba(0,0,0,.2)}.what-is-colortype .benefit-card .benefit-icon{font-size:42px;margin:0 0 15px 0}.what-is-colortype .benefit-card h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 10px 0}.what-is-colortype .benefit-card p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.5;margin:0}.what-is-colortype .stats-banner{background:linear-gradient(135deg, #fd3636 0%, #ff9090 100%);border-radius:20px;padding:20px 30px;display:flex;align-items:center;gap:40px;margin:0 0 30px 0}@media(max-width: 991px){.what-is-colortype .stats-banner{flex-direction:column;text-align:center;gap:25px;padding:20px 15px}}.what-is-colortype .stats-banner .stats-content{flex-shrink:0}.what-is-colortype .stats-banner .stats-content .stat-number{font-weight:700;font-size:72px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#fff;line-height:1;margin:0 0 10px 0}@media(max-width: 768px){.what-is-colortype .stats-banner .stats-content .stat-number{font-size:56px}}.what-is-colortype .stats-banner .stats-content .stat-text{font-weight:500;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#fff;max-width:250px;line-height:1.3}@media(max-width: 991px){.what-is-colortype .stats-banner .stats-content .stat-text{max-width:100%}}@media(max-width: 768px){.what-is-colortype .stats-banner .stats-content .stat-text{font-size:18px}}.what-is-colortype .stats-banner .stats-facts{flex:1}.what-is-colortype .stats-banner .stats-facts .fact-item{font-weight:500;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#fff;margin:0 0 10px 0;line-height:1.5;display:flex;align-items:center}.what-is-colortype .stats-banner .stats-facts .fact-item .em{display:inline-block;text-align:center;line-height:35px;width:35px;height:35px;border-radius:50%;background:#fff;margin:0 15px 0 0}.what-is-colortype .stats-banner .stats-facts .fact-item:last-child{margin:0}.what-is-colortype .cta-section{text-align:center;background:rgba(0,0,0,.03);border-radius:20px;padding:50px 30px;border:2px dashed rgba(0,0,0,.1)}@media(max-width: 768px){.what-is-colortype .cta-section{padding:35px 20px}}.what-is-colortype .cta-section h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.what-is-colortype .cta-section h3{font-size:28px}}.what-is-colortype .cta-section p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);margin:0 0 30px 0;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.what-is-colortype .cta-section p{font-size:16px}}.what-is-colortype .cta-section .cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.what-is-colortype .cta-section .cta-buttons .btn-basic{font-weight:500;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:15px 35px;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-block}.what-is-colortype .cta-section .cta-buttons .btn-basic.yellow{background:#fdeb00;color:#000}.what-is-colortype .cta-section .cta-buttons .btn-basic.yellow:hover{background:#cabc00;transform:translateY(-2px);box-shadow:0 8px 20px rgba(253,235,0,.3)}.what-is-colortype .cta-section .cta-buttons .btn-outline{font-weight:500;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:15px 35px;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-block;background:rgba(0,0,0,0);border:2px solid rgba(0,0,0,.3)}.what-is-colortype .cta-section .cta-buttons .btn-outline:hover{border-color:#2388ff;background:rgba(82,113,255,.1);transform:translateY(-2px)}.report-preview{padding:60px 0;background:linear-gradient(180deg, #FFFFFF 0%, #F9F9F7 100%)}@media(max-width: 768px){.report-preview{padding:40px 0}}.report-preview .section-header{text-align:center;margin:0 0 30px 0}.report-preview .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.report-preview .section-header h2{font-size:32px}}.report-preview .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);max-width:700px;margin:0 auto;line-height:1.5}@media(max-width: 768px){.report-preview .section-header .section-subtitle{font-size:16px}}.report-preview .gender-toggle{display:flex;justify-content:center;gap:0;margin:0 0 40px 0;background:#f5f5f5;border-radius:50px;padding:6px;max-width:320px;margin-left:auto;margin-right:auto;box-shadow:0 2px 8px rgba(0,0,0,.08)}.report-preview .gender-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:50px;background:rgba(0,0,0,0);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6)}@media(max-width: 768px){.report-preview .gender-toggle .toggle-btn{padding:10px 18px;font-size:14px}}.report-preview .gender-toggle .toggle-btn .icon{font-size:20px;transition:transform .3s ease}.report-preview .gender-toggle .toggle-btn .icon svg{width:16px;height:16px}.report-preview .gender-toggle .toggle-btn:hover{color:rgba(0,0,0,.8)}.report-preview .gender-toggle .toggle-btn:hover .icon{transform:scale(1.1)}.report-preview .gender-toggle .toggle-btn.active{background:#fdeb00;color:#0a0a0a;box-shadow:0 4px 12px rgba(253,235,0,.3)}.report-preview .gender-toggle .toggle-btn.active .icon{transform:scale(1.15)}.report-preview .explainer{display:none;justify-content:center;margin:0 0 20px 0;align-items:center}.report-preview .explainer.active{display:flex}.report-preview .explainer .t1{font-weight:300;font-size:15px}.report-preview .explainer .pre{position:relative;display:inline-flex;padding:5px 15px;border:3px dotted #999;border-radius:15px;align-items:center;margin:0 10px 0 0}.report-preview .explainer .pre .text{left:10px;top:10px;font-weight:300;font-size:15px;margin:0 15px 0 0}.report-preview .explainer .pre .pre-imgs{display:flex}.report-preview .explainer .pre .pre-imgs .before-wrap{width:60px;height:60px;border-radius:50%;margin:0 1px 0 1px}.report-preview .explainer .pre .pre-imgs img{width:100%;height:100%;object-fit:cover;border-radius:50%}.report-preview .gender-content{display:none}.report-preview .gender-content.active{display:block}.report-preview .outfits-showcase{background:#fff;border-radius:25px;padding:40px;margin:0 0 60px 0;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0}@media(max-width: 768px){.report-preview .outfits-showcase{padding:25px 15px}}.report-preview .outfits-showcase .showcase-header{margin:0 0 30px 0}.report-preview .outfits-showcase .showcase-header .header-content h3{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.report-preview .outfits-showcase .showcase-header .header-content h3{font-size:24px}}.report-preview .outfits-showcase .showcase-header .header-content p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6)}.report-preview .outfits-showcase .outfits-gallery-wrap{position:relative;margin:0 0 20px 0}@media(max-width: 768px){.report-preview .outfits-showcase .outfits-gallery-wrap{min-height:400px}}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit{display:none;opacity:0;transition:opacity .5s ease}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit.active{display:flex;opacity:1;gap:30px;align-items:flex-start}@media(max-width: 991px){.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit.active{flex-direction:column;gap:20px}}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-image{flex:1;max-width:400px;height:549px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}@media(max-width: 991px){.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-image{max-width:100%}}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-image img{width:100%;height:100%;display:block;object-fit:cover}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info{flex:1;padding:20px 0}@media(max-width: 991px){.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info{padding:0}}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-tag{display:inline-block;font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;background:#fdeb00;color:#000;padding:6px 15px;border-radius:20px;margin:0 0 15px 0;text-transform:uppercase;letter-spacing:.5px}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info h4{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info h4{font-size:22px}}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.6;margin:0 0 20px 0}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-colors{display:flex;gap:10px}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-colors .color-dot{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-colors .color-dot:hover{transform:scale(1.15);border-color:#fdeb00;box-shadow:0 4px 15px rgba(0,0,0,.2)}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-colors .color-dot::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-weight:400;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);white-space:nowrap;opacity:0;transition:opacity .3s ease}.report-preview .outfits-showcase .outfits-gallery-wrap .main-outfit .outfit-info .outfit-colors .color-dot:hover::after{opacity:1}.report-preview .outfits-showcase .outfits-nav{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.report-preview .outfits-showcase .outfits-nav .nav-item{cursor:pointer;width:calc(13% - 15px);text-align:center;transition:all .3s ease;border:3px solid rgba(0,0,0,0);border-radius:15px;padding:8px;background:#f8f8f8}@media(max-width: 768px){.report-preview .outfits-showcase .outfits-nav .nav-item{width:calc(50% - 30px)}}.report-preview .outfits-showcase .outfits-nav .nav-item:hover{transform:translateY(-5px);background:#f0f0f0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.report-preview .outfits-showcase .outfits-nav .nav-item.active{border-color:#fdeb00;background:rgba(253,235,0,.15);box-shadow:0 4px 15px rgba(253,235,0,.3)}.report-preview .outfits-showcase .outfits-nav .nav-item img{width:100%;height:150px;object-fit:cover;border-radius:10px;margin:0 0 8px 0}@media(max-width: 768px){.report-preview .outfits-showcase .outfits-nav .nav-item img{height:180px}}.report-preview .outfits-showcase .outfits-nav .nav-item span{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);display:block}.report-preview .outfits-showcase .outfits-nav .nav-item.more-outfits{background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(253, 235, 0, 0.1) 100%);border:2px dashed rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px}@media(max-width: 768px){.report-preview .outfits-showcase .outfits-nav .nav-item.more-outfits{width:calc(50% - 40px)}}.report-preview .outfits-showcase .outfits-nav .nav-item.more-outfits:hover{border-color:#2388ff;background:linear-gradient(135deg, rgba(82, 113, 255, 0.15) 0%, rgba(253, 235, 0, 0.15) 100%)}.report-preview .outfits-showcase .outfits-nav .nav-item.more-outfits .more-icon{font-size:32px;margin:0 0 8px 0}.report-preview .outfits-showcase .outfits-nav .nav-item.more-outfits span{font-weight:500;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.3}.report-preview .outfits-showcase .showcase-note{text-align:center;margin:25px 0 0 0;padding:15px;background:rgba(82,113,255,.08);border-radius:15px;border:1px dashed #2388ff}.report-preview .outfits-showcase .showcase-note p{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);margin:0}.report-preview .color-palette-block{margin:0 0 60px 0}.report-preview .color-palette-block h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;text-align:center;margin:0 0 10px 0}@media(max-width: 768px){.report-preview .color-palette-block h3{font-size:28px}}.report-preview .color-palette-block .block-description{font-weight:400;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);text-align:center;margin:0 0 40px 0}.report-preview .color-palette-block .palette-sections{display:flex;flex-direction:column;gap:40px}.report-preview .color-palette-block .palette-section{background:#fff;border-radius:20px;padding:35px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0}@media(max-width: 768px){.report-preview .color-palette-block .palette-section{padding:25px 15px}}.report-preview .color-palette-block .palette-section h4{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 8px 0;text-align:center}@media(max-width: 768px){.report-preview .color-palette-block .palette-section h4{font-size:20px}}.report-preview .color-palette-block .palette-section .section-desc{font-weight:400;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);text-align:center;margin:0 0 25px 0}.report-preview .color-palette-block .palette-section .colors-grid{display:flex;gap:20px}@media(max-width: 991px){.report-preview .color-palette-block .palette-section .colors-grid{flex-wrap:wrap;gap:15px}}@media(max-width: 768px){.report-preview .color-palette-block .palette-section .colors-grid{flex-wrap:wrap;gap:12px}}.report-preview .color-palette-block .palette-section .colors-grid .color-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;background:#f8f8f8;border-radius:15px;transition:all .3s ease;border:2px solid rgba(0,0,0,0);width:calc(18% - 30px)}@media(max-width: 768px){.report-preview .color-palette-block .palette-section .colors-grid .color-item{width:calc(50% - 42px)}}.report-preview .color-palette-block .palette-section .colors-grid .color-item:hover:not(.more-colors){transform:translateY(-5px);background:#f0f0f0;box-shadow:0 8px 20px rgba(0,0,0,.12);border-color:rgba(253,235,0,.5)}.report-preview .color-palette-block .palette-section .colors-grid .color-item .color-circle{width:60px;height:60px;border-radius:50%;margin:0 0 12px 0;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:transform .3s ease}.report-preview .color-palette-block .palette-section .colors-grid .color-item:hover .color-circle{transform:scale(1.1)}.report-preview .color-palette-block .palette-section .colors-grid .color-item .color-name{font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 5px 0}.report-preview .color-palette-block .palette-section .colors-grid .color-item .color-hex{font-weight:400;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.4);font-family:monospace;margin:0 0 8px 0}.report-preview .color-palette-block .palette-section .colors-grid .color-item .color-use{font-weight:300;font-size:11px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5);line-height:1.3}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors{background:linear-gradient(135deg, rgba(82, 113, 255, 0.08) 0%, rgba(253, 235, 0, 0.08) 100%);border:2px dashed rgba(0,0,0,.15);cursor:pointer;justify-content:center}@media(max-width: 768px){.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors{width:calc(100% - 24px)}}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors:hover{border-color:#2388ff;background:linear-gradient(135deg, rgba(82, 113, 255, 0.12) 0%, rgba(253, 235, 0, 0.12) 100%);transform:translateY(-5px);box-shadow:0 8px 20px rgba(82,113,255,.15)}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors .more-colors-icon{width:60px;height:60px;border-radius:50%;background:rgba(82,113,255,.15);display:flex;align-items:center;justify-content:center;margin:0 0 12px 0;transition:all .3s ease}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors .more-colors-icon .icon{font-weight:700;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors:hover .more-colors-icon{transform:rotate(90deg) scale(1.1);background:rgba(82,113,255,.25)}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors .color-name{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff}.report-preview .color-palette-block .palette-section .colors-grid .color-item.more-colors .color-note{font-weight:300;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5);margin-top:5px}.report-preview .color-palette-block .palette-section.avoid-section{background:linear-gradient(135deg, #FFF5F5 0%, #FFEBEB 100%);border-color:rgba(255,82,82,.2)}.report-preview .color-palette-block .palette-section.avoid-section h4{color:#d32f2f}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 991px){.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid{grid-template-columns:repeat(2, 1fr);gap:15px}}@media(max-width: 768px){.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid{grid-template-columns:1fr;gap:12px}}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 15px;background:#fff;border-radius:15px;transition:all .3s ease;border:2px solid rgba(255,82,82,.1)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item:hover:not(.more-colors){transform:translateY(-5px);box-shadow:0 8px 20px rgba(211,47,47,.15);border-color:rgba(255,82,82,.3)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-color-wrap{position:relative;margin:0 0 12px 0}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-color-wrap .color-circle{width:60px;height:60px;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.15);position:relative}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-color-wrap .color-circle::after{content:"";position:absolute;top:50%;left:50%;width:70px;height:3px;background:#d32f2f;transform:translate(-50%, -50%) rotate(-45deg);border-radius:2px;box-shadow:0 2px 8px rgba(211,47,47,.3)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-color-wrap .avoid-badge{position:absolute;top:-8px;right:-8px;font-size:20px;background:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .color-name{font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 5px 0}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .color-hex{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.4);font-family:monospace;margin:0 0 12px 0}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-reason{display:flex;align-items:flex-start;gap:8px;padding:12px;background:rgba(255,82,82,.05);border-radius:10px;border:1px solid rgba(255,82,82,.1)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-reason .reason-icon{font-size:18px;flex-shrink:0}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item .avoid-reason .reason-text{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.85);line-height:1.4;text-align:left}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors{background:linear-gradient(135deg, rgba(255, 82, 82, 0.08) 0%, rgba(255, 152, 0, 0.08) 100%);border:2px dashed rgba(255,82,82,.3);cursor:pointer;justify-content:center}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors:hover{border-color:#d32f2f;background:linear-gradient(135deg, rgba(255, 82, 82, 0.12) 0%, rgba(255, 152, 0, 0.12) 100%);transform:translateY(-5px);box-shadow:0 8px 20px rgba(211,47,47,.2)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors .more-colors-icon{width:60px;height:60px;border-radius:50%;background:rgba(255,82,82,.15);display:flex;align-items:center;justify-content:center;margin:0 0 12px 0;transition:all .3s ease}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors .more-colors-icon .icon{font-weight:700;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#d32f2f}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors:hover .more-colors-icon{transform:rotate(90deg) scale(1.1);background:rgba(255,82,82,.25)}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors .color-name{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#d32f2f}.report-preview .color-palette-block .palette-section.avoid-section .avoid-colors-grid .avoid-item.more-colors .color-note{font-weight:300;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5);margin-top:5px}.report-preview .color-palette-block .palette-info-box{display:flex;align-items:flex-start;gap:20px;padding:25px;background:rgba(82,113,255,.08);border-radius:20px;border:2px solid rgba(82,113,255,.15);margin-top:30px}@media(max-width: 768px){.report-preview .color-palette-block .palette-info-box{flex-direction:column;text-align:center;align-items:center;gap:15px;padding:20px 15px}}.report-preview .color-palette-block .palette-info-box .info-icon{font-size:42px;flex-shrink:0}.report-preview .color-palette-block .palette-info-box .info-content{flex:1}.report-preview .color-palette-block .palette-info-box .info-content h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.report-preview .color-palette-block .palette-info-box .info-content h5{font-size:18px}}.report-preview .color-palette-block .palette-info-box .info-content p{font-weight:400;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.9);line-height:1.6;margin:0}.report-components-visual{margin:0 0 60px 0}.report-components-visual .components-intro{text-align:center;margin:0 0 50px 0}.report-components-visual .components-intro h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.report-components-visual .components-intro h3{font-size:28px}}.report-components-visual .components-intro p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6)}.report-components-visual .component-visual{background:#fff;border-radius:25px;padding:40px;margin:0 0 40px 0;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0;display:flex;flex-direction:column;gap:40px;align-items:flex-start}@media(max-width: 991px){.report-components-visual .component-visual{flex-direction:column;gap:30px;padding:30px 20px}}.report-components-visual .component-visual .component-content{flex:1;min-width:300px}@media(max-width: 991px){.report-components-visual .component-visual .component-content{min-width:100%}}.report-components-visual .component-visual .component-content .component-header{display:flex;gap:15px;align-items:flex-start;margin:0 0 20px 0}.report-components-visual .component-visual .component-content .component-header .component-icon{font-size:48px;flex-shrink:0}.report-components-visual .component-visual .component-content .component-header .component-icon svg{position:relative;top:-5px;width:32px;height:32px}.report-components-visual .component-visual .component-content .component-header .component-title h4{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.report-components-visual .component-visual .component-content .component-header .component-title h4{font-size:22px}}.report-components-visual .component-visual .component-content .component-header .component-title p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);line-height:1.5;margin:0}.report-components-visual .component-visual .component-content .component-features{display:flex;flex-wrap:wrap;gap:10px}.report-components-visual .component-visual .component-content .component-features .feature-tag{font-weight:400;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:8px 15px;background:rgba(82,113,255,.08);color:#2388ff;border-radius:20px;border:1px solid rgba(82,113,255,.15);transition:all .3s ease}.report-components-visual .component-visual .component-content .component-features .feature-tag:hover{background:rgba(82,113,255,.12);transform:translateY(-2px)}.report-components-visual .component-visual .component-content .component-features .feature-tag.alert{background:rgba(211,47,47,.08);color:#d32f2f;border-color:rgba(211,47,47,.15)}.report-components-visual .component-visual .component-content .component-features .feature-tag.alert:hover{background:rgba(211,47,47,.12)}.report-components-visual .component-visual .component-preview{width:100%}@media(max-width: 991px){.report-components-visual .component-visual .component-preview{width:100%}}.report-components-visual .component-visual h5{margin:0 0 15px 0;font-size:21px;font-weight:500}.report-components-visual .style-recommendations .preview-grid.style-grid{display:flex;gap:15px}@media(max-width: 768px){.report-components-visual .style-recommendations .preview-grid.style-grid{flex-wrap:wrap}}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item{position:relative;border-radius:15px;overflow:hidden;background:#f8f8f8;transition:all .3s ease;cursor:pointer;width:calc(25% - 15px)}@media(max-width: 768px){.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item{width:calc(50% - 15px)}}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item:hover:not(.more-preview){transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item img{width:100%;height:100%;object-fit:cover;display:block}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item .preview-label{display:block;position:absolute;bottom:10%;z-index:3;width:100%;left:0px;font-weight:500;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;padding:12px 0;text-align:center;background:rgba(255,255,255,.8)}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item.more-preview{background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(253, 235, 0, 0.1) 100%);border:2px dashed rgba(82,113,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px;min-height:220px}@media(max-width: 768px){.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item.more-preview{width:calc(50% - 50px);min-height:auto}}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item.more-preview:hover{border-color:#2388ff;background:linear-gradient(135deg, rgba(82, 113, 255, 0.15) 0%, rgba(253, 235, 0, 0.15) 100%)}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item.more-preview .more-icon{font-size:48px;margin:0 0 10px 0}.report-components-visual .style-recommendations .preview-grid.style-grid .preview-item.more-preview .preview-label{background:rgba(0,0,0,0);font-weight:600;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff}.report-components-visual .beauty-guide .preview-grid.beauty-grid{display:flex;flex-wrap:wrap;gap:15px;margin:0 0 20px 0}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item{background:#f8f8f8;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item:hover:not(.more-preview){transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12);background:#f0f0f0}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color{min-width:150px}@media(max-width: 768px){.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color{min-width:0;width:calc(50% - 50px)}}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color .hair-swatch{margin:0 0 15px 0}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color .hair-swatch .swatch-color{width:80px;height:80px;border-radius:50%;margin:0 auto;box-shadow:0 4px 15px rgba(0,0,0,.2);border:3px solid #fff}@media(max-width: 768px){.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color .hair-swatch .swatch-color{width:100px;height:100px}}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color .preview-label{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;display:block;margin:0 0 5px 0}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.hair-color .preview-sublabel{font-weight:300;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5);display:block}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.more-preview{background:linear-gradient(135deg, rgba(255, 105, 180, 0.1) 0%, rgba(253, 235, 0, 0.1) 100%);border:2px dashed rgba(255,105,180,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 768px){.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.more-preview{width:calc(50% - 50px);min-height:auto}}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.more-preview:hover{border-color:hotpink;background:linear-gradient(135deg, rgba(255, 105, 180, 0.15) 0%, rgba(253, 235, 0, 0.15) 100%)}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.more-preview .more-icon{font-size:42px;margin:0 0 10px 0}.report-components-visual .beauty-guide .preview-grid.beauty-grid .preview-item.more-preview .preview-label{font-weight:600;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:hotpink}.report-components-visual .beauty-guide .makeup-preview{display:flex;gap:20px;padding:20px;background:#f8f8f8;border-radius:15px}@media(max-width: 768px){.report-components-visual .beauty-guide .makeup-preview{flex-direction:column;gap:15px}}.report-components-visual .beauty-guide .makeup-preview .makeup-section{flex:1}.report-components-visual .beauty-guide .makeup-preview .makeup-section h5{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 12px 0}.report-components-visual .beauty-guide .makeup-preview .makeup-section .makeup-swatches{display:flex;gap:10px}.report-components-visual .beauty-guide .makeup-preview .makeup-section .makeup-swatches .makeup-swatch{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.report-components-visual .beauty-guide .makeup-preview .makeup-section .makeup-swatches .makeup-swatch:hover{transform:scale(1.15);box-shadow:0 4px 15px rgba(0,0,0,.2)}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options{display:flex;gap:10px}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options .metal-item{flex:1;display:flex;align-items:center;gap:8px;padding:10px 15px;background:#fff;border-radius:10px;border:2px solid rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options .metal-item:hover{border-color:#fdeb00;transform:translateY(-2px)}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options .metal-item.recommended{border-color:#fdeb00;background:rgba(253,235,0,.1)}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options .metal-item .metal-icon{font-size:20px}.report-components-visual .beauty-guide .makeup-preview .makeup-section .metal-options .metal-item .metal-name{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}.report-components-visual .color-combinations .combinations-list{display:flex;flex-wrap:wrap;gap:10px}@media(max-width: 768px){.report-components-visual .color-combinations .combinations-list{flex-direction:column}}.report-components-visual .color-combinations .combinations-list .combination-item{background:#f8f8f8;border-radius:15px;overflow:hidden;transition:all .3s ease;cursor:pointer;width:calc(25% - 20px)}@media(max-width: 768px){.report-components-visual .color-combinations .combinations-list .combination-item{width:100%}}.report-components-visual .color-combinations .combinations-list .combination-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.report-components-visual .color-combinations .combinations-list .combination-item .img-wrap{width:100%;height:200px;overflow:hidden;position:relative}@media(max-width: 768px){.report-components-visual .color-combinations .combinations-list .combination-item .img-wrap{height:270px}}.report-components-visual .color-combinations .combinations-list .combination-item .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.report-components-visual .color-combinations .combinations-list .combination-item .img-wrap:hover img{transform:scale(1.1)}.report-components-visual .color-combinations .combinations-list .combination-item .combination-colors{display:flex;height:80px;border-top:2px solid #fff;border-bottom:2px solid #fff}.report-components-visual .color-combinations .combinations-list .combination-item .combination-colors .combo-color{display:flex;align-items:center;justify-content:center;position:relative}.report-components-visual .color-combinations .combinations-list .combination-item .combination-colors .combo-color .combo-percent{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(255,255,255,.9);text-shadow:0 2px 4px rgba(0,0,0,.3);background:rgba(0,0,0,.2);padding:4px 12px;border-radius:15px}.report-components-visual .color-combinations .combinations-list .combination-item .combination-info{padding:15px 15px}.report-components-visual .color-combinations .combinations-list .combination-item .combination-info h5{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 5px 0}.report-components-visual .color-combinations .combinations-list .combination-item .combination-info p{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);margin:0}.report-components-visual .color-combinations .combinations-list .combination-more{background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(253, 235, 0, 0.1) 100%);border:2px dashed rgba(82,113,255,.3);border-radius:15px;padding:30px;text-align:center;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex:1;transition:all .3s ease}.report-components-visual .color-combinations .combinations-list .combination-more:hover{border-color:#2388ff;background:linear-gradient(135deg, rgba(82, 113, 255, 0.15) 0%, rgba(253, 235, 0, 0.15) 100%);transform:translateY(-3px)}.report-components-visual .color-combinations .combinations-list .combination-more .more-icon{font-weight:700;font-size:48px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff;display:block;margin:0 0 10px 0}.report-components-visual .color-combinations .combinations-list .combination-more span{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff}.report-components-visual .avoid-guide{background:linear-gradient(135deg, #FFF5F5 0%, #FFEBEB 100%);border-color:rgba(211,47,47,.2)}.report-components-visual .avoid-guide .avoid-examples{display:flex;flex-wrap:wrap;gap:10px}.report-components-visual .avoid-guide .avoid-examples .avoid-example{background:#fff;border-radius:15px;overflow:hidden;border:2px solid rgba(211,47,47,.1);transition:all .3s ease;width:calc(25% - 10px)}@media(max-width: 768px){.report-components-visual .avoid-guide .avoid-examples .avoid-example{width:calc(50% - 10px)}}.report-components-visual .avoid-guide .avoid-examples .avoid-example:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(211,47,47,.2);border-color:rgba(211,47,47,.3)}.report-components-visual .avoid-guide .avoid-examples .avoid-example .example-visual{position:relative;height:250px}.report-components-visual .avoid-guide .avoid-examples .avoid-example .example-visual img{width:100%;height:100%;object-fit:cover}.report-components-visual .avoid-guide .avoid-examples .avoid-example .example-visual .avoid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.report-components-visual .avoid-guide .avoid-examples .avoid-example .example-visual .avoid-overlay .avoid-icon{font-size:72px;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3))}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info{padding:20px}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info h5{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#d32f2f;margin:0 0 10px 0}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .avoid-reason{font-weight:300;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.5;margin:0 0 15px 0}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative{padding:12px;background:rgba(76,175,80,.08);border-radius:10px;border:1px solid rgba(76,175,80,.2)}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-label{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#4caf50;display:block;margin:0 0 8px 0}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-colors{display:flex;gap:8px}@media(max-width: 768px){.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-colors{gap:2px}}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-colors .alt-color{width:40px;height:40px;border-radius:50%;border:2px solid rgba(76,175,80,.3);cursor:pointer;transition:all .3s ease}@media(max-width: 768px){.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-colors .alt-color{width:30px;height:30px;display:block}}.report-components-visual .avoid-guide .avoid-examples .avoid-example .avoid-info .better-alternative .alt-colors .alt-color:hover{transform:scale(1.15);border-color:#4caf50}.report-components-visual .avoid-guide .avoid-examples .avoid-more{background:linear-gradient(135deg, rgba(211, 47, 47, 0.08) 0%, rgba(255, 152, 0, 0.08) 100%);border:2px dashed rgba(211,47,47,.3);border-radius:15px;padding:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.report-components-visual .avoid-guide .avoid-examples .avoid-more:hover{border-color:#d32f2f;background:linear-gradient(135deg, rgba(211, 47, 47, 0.12) 0%, rgba(255, 152, 0, 0.12) 100%);transform:translateY(-5px)}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content{text-align:center}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content .more-icon{font-size:48px;margin:0 0 15px 0}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content h5{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#d32f2f;margin:0 0 15px 0}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content ul{list-style:none;padding:0;margin:0}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content ul li{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);padding:5px 0;position:relative;padding-left:20px}.report-components-visual .avoid-guide .avoid-examples .avoid-more .more-content ul li::before{content:"•";position:absolute;left:0;color:#d32f2f}.social-proof{padding:0 0 60px 0;background:linear-gradient(180deg, #F9F9F7 0%, #FFFFFF 50%, #F9F9F7 100%)}@media(max-width: 768px){.social-proof{padding:50px 0}}.social-proof .section-header{text-align:center;margin:0 0 50px 0}.social-proof .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.social-proof .section-header h2{font-size:32px}}.social-proof .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);max-width:700px;margin:0 auto;line-height:1.5}@media(max-width: 768px){.social-proof .section-header .section-subtitle{font-size:16px}}.social-proof .proof-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px;margin:0 0 80px 0}@media(max-width: 991px){.social-proof .proof-stats{grid-template-columns:1fr;gap:20px}}.social-proof .proof-stats .stat-card{background:#fff;border-radius:20px;padding:35px 25px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0;transition:all .3s ease}.social-proof .proof-stats .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.social-proof .proof-stats .stat-card .stat-number{font-weight:700;font-size:48px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#2388ff;margin:0 0 10px 0;line-height:1}@media(max-width: 768px){.social-proof .proof-stats .stat-card .stat-number{font-size:38px}}.social-proof .proof-stats .stat-card .stat-number .rating-value{display:inline-block;margin-left:5px}.social-proof .proof-stats .stat-card .stat-number .stars-wrapp{justify-content:center}.social-proof .proof-stats .stat-card .stat-number .stars-wrapp .num{font-size:30px;font-weight:600}.social-proof .proof-stats .stat-card .stat-label{font-weight:500;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 5px 0}@media(max-width: 768px){.social-proof .proof-stats .stat-card .stat-label{font-size:16px}}.social-proof .proof-stats .stat-card .rating-details{font-weight:300;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5)}.social-proof .proof-stats .stat-card.highlight{background:linear-gradient(135deg, rgba(253, 235, 0, 0.15) 0%, rgba(255, 215, 0, 0.1) 100%);border-color:rgba(253,235,0,.3)}.social-proof .proof-stats .stat-card.highlight .stat-number{color:#0a0a0a}.social-proof .before-after-section{margin:0 0 80px 0}.social-proof .before-after-section h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;text-align:center;margin:0 0 10px 0}@media(max-width: 768px){.social-proof .before-after-section h3{font-size:28px}}.social-proof .before-after-section .section-desc{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);text-align:center;margin:0 0 40px 0}.social-proof .before-after-section .before-after-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media(max-width: 991px){.social-proof .before-after-section .before-after-grid{grid-template-columns:1fr;gap:25px}}.social-proof .before-after-section .before-after-grid .ba-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0;transition:all .3s ease}.social-proof .before-after-section .before-after-grid .ba-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.social-proof .before-after-section .before-after-grid .ba-card .ba-images{display:flex;align-items:center;background:#f8f8f8;position:relative}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-image{flex:1;position:relative}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-image img{width:100%;height:250px;object-fit:cover;display:block}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-image .ba-label{position:absolute;top:12px;left:12px;font-weight:600;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:6px 15px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-image .ba-label.before-label{background:rgba(211,47,47,.9);color:#fff}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-image .ba-label.after-label{background:rgba(76,175,80,.9);color:#fff}.social-proof .before-after-section .before-after-grid .ba-card .ba-images .ba-divider{width:40px;background:#fff;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;width:40px;height:40px;color:#2388ff;font-weight:700;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;z-index:2}.social-proof .before-after-section .before-after-grid .ba-card .ba-description{padding:20px}.social-proof .before-after-section .before-after-grid .ba-card .ba-description p{font-weight:300;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.5;margin:0 0 10px 0}.social-proof .before-after-section .before-after-grid .ba-card .ba-description p strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;display:block;margin:0 0 3px 0}.social-proof .before-after-section .before-after-grid .ba-card .ba-description p.ba-result{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);font-style:italic;background:rgba(76,175,80,.08);padding:10px;border-radius:10px;border-left:3px solid #4caf50;margin:0}.social-proof .testimonials-section{margin:0 0 60px 0}.social-proof .testimonials-section h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.social-proof .testimonials-section h3{font-size:28px}}.social-proof .testimonials-section .testimonials-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px}@media(max-width: 991px){.social-proof .testimonials-section .testimonials-grid{grid-template-columns:1fr;gap:20px}}.social-proof .testimonials-section .testimonials-grid .testimonial-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:2px solid #f0f0f0;transition:all .3s ease}.social-proof .testimonials-section .testimonials-grid .testimonial-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:rgba(253,235,0,.5)}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header{display:flex;align-items:center;gap:15px;margin:0 0 15px 0}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .user-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid rgba(82,113,255,.2)}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .user-avatar img{width:100%;height:100%;object-fit:cover}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .user-info{flex:1}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .user-info .user-name{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 3px 0}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .user-info .user-meta{font-weight:300;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.5)}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-header .rating-stars{color:gold;font-size:18px;flex-shrink:0}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-body{margin:0 0 15px 0}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-body p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);line-height:1.6;margin:0}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(0,0,0,.08)}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-footer .verified-badge{font-weight:500;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#4caf50;display:flex;align-items:center;gap:5px}.social-proof .testimonials-section .testimonials-grid .testimonial-card .testimonial-footer .date{font-weight:300;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.4)}.social-proof .trust-badges{display:flex;justify-content:center;gap:20px;padding:40px;background:rgba(82,113,255,.05);border-radius:20px;border:2px dashed rgba(82,113,255,.2)}@media(max-width: 991px){.social-proof .trust-badges{flex-direction:column;gap:15px;padding:20px 15px}}@media(max-width: 768px){.social-proof .trust-badges{flex-direction:column;gap:15px;padding:20px 15px}}.social-proof .trust-badges .badge-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:15px;transition:all .3s ease}.social-proof .trust-badges .badge-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.social-proof .trust-badges .badge-item .badge-icon{font-size:32px;flex-shrink:0}.social-proof .trust-badges .badge-item .badge-text{flex:1}.social-proof .trust-badges .badge-item .badge-text strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;display:block;margin:0 0 3px 0}.social-proof .trust-badges .badge-item .badge-text span{font-weight:300;font-size:12px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);display:block}.how-test-works{padding:80px 0;background:linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%)}@media(max-width: 991px){.how-test-works{padding:60px 0}}@media(max-width: 768px){.how-test-works{padding:50px 0}}.how-test-works .section-header{text-align:center;margin:0 0 60px 0}@media(max-width: 768px){.how-test-works .section-header{margin:0 0 40px 0}}.how-test-works .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0;line-height:1.2}@media(max-width: 991px){.how-test-works .section-header h2{font-size:36px}}@media(max-width: 768px){.how-test-works .section-header h2{font-size:28px}}.how-test-works .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);max-width:600px;margin:0 auto;line-height:1.6}@media(max-width: 768px){.how-test-works .section-header .section-subtitle{font-size:16px;padding:0 15px}}.how-test-works .steps-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin:0 0 50px 0}@media(max-width: 991px){.how-test-works .steps-grid{grid-template-columns:1fr;gap:25px}}@media(max-width: 768px){.how-test-works .steps-grid{gap:20px}}.how-test-works .step-card{background:#fff;border-radius:20px;padding:40px 30px;position:relative;border:2px solid #f0f0f0;transition:all .3s ease;display:flex;flex-direction:column;gap:20px}@media(max-width: 768px){.how-test-works .step-card{padding:30px 20px}}.how-test-works .step-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(82,113,255,.15);border-color:rgba(82,113,255,.3)}.how-test-works .step-card:hover .step-icon{background:linear-gradient(135deg, #5271FF 0%, #667EFF 100%);color:#fff}.how-test-works .step-card .step-number{position:absolute;top:20px;right:25px;font-weight:700;font-size:56px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(82,113,255,.08);line-height:1;pointer-events:none}@media(max-width: 768px){.how-test-works .step-card .step-number{font-size:48px;top:15px;right:20px}}.how-test-works .step-card .step-icon{width:72px;height:72px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(82, 113, 255, 0.05) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#5271ff;transition:all .3s ease;flex-shrink:0}@media(max-width: 768px){.how-test-works .step-card .step-icon{width:64px;height:64px}}.how-test-works .step-card .step-icon svg{width:32px;height:32px}@media(max-width: 768px){.how-test-works .step-card .step-icon svg{width:28px;height:28px}}.how-test-works .step-card .step-title{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0;line-height:1.3}@media(max-width: 768px){.how-test-works .step-card .step-title{font-size:20px}}.how-test-works .step-card .step-description{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.6;margin:0;flex-grow:1}@media(max-width: 768px){.how-test-works .step-card .step-description{font-size:15px}}.how-test-works .step-card .step-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.how-test-works .step-card .step-tags .tag{font-weight:400;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:6px 12px;background:rgba(82,113,255,.08);color:#5271ff;border-radius:20px;border:1px solid rgba(82,113,255,.15);transition:all .2s ease}@media(max-width: 768px){.how-test-works .step-card .step-tags .tag{font-size:12px;padding:5px 10px}}.how-test-works .step-card .step-tags .tag:hover{background:rgba(82,113,255,.12);transform:translateY(-2px)}.how-test-works .steps-cta{text-align:center;padding:50px 30px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px;border:2px dashed rgba(82,113,255,.2)}@media(max-width: 768px){.how-test-works .steps-cta{padding:35px 20px}}.how-test-works .steps-cta .cta-text{font-weight:500;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 25px 0;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.how-test-works .steps-cta .cta-text{font-size:18px;margin-bottom:20px}}.how-test-works .steps-cta .btn-primary{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:16px 40px;background:linear-gradient(135deg, #5271FF 0%, #667EFF 100%);color:#fff;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(82,113,255,.3);cursor:pointer}@media(max-width: 768px){.how-test-works .steps-cta .btn-primary{font-size:16px;padding:14px 30px}}.how-test-works .steps-cta .btn-primary svg{transition:transform .3s ease}.how-test-works .steps-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(82,113,255,.4)}.how-test-works .steps-cta .btn-primary:hover svg{transform:translateX(5px)}.how-test-works .steps-cta .btn-primary:active{transform:translateY(-1px)}.how-test-works .steps-cta .cta-note{font-weight:300;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);margin:15px 0 0 0}@media(max-width: 768px){.how-test-works .steps-cta .cta-note{font-size:13px}}.what-you-learn{padding:80px 0;background:#fff}@media(max-width: 991px){.what-you-learn{padding:60px 0}}@media(max-width: 768px){.what-you-learn{padding:50px 0}}.what-you-learn .section-header{text-align:center;margin:0 0 50px 0}@media(max-width: 768px){.what-you-learn .section-header{margin:0 0 35px 0}}.what-you-learn .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0;line-height:1.2}@media(max-width: 991px){.what-you-learn .section-header h2{font-size:36px}}@media(max-width: 768px){.what-you-learn .section-header h2{font-size:28px;padding:0 15px}}.what-you-learn .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);max-width:700px;margin:0 auto;line-height:1.6}@media(max-width: 768px){.what-you-learn .section-header .section-subtitle{font-size:16px;padding:0 15px}}.what-you-learn .quick-benefits{margin:0 0 70px 0;padding:50px 40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.03) 0%, rgba(253, 235, 0, 0.03) 100%);border-radius:25px}@media(max-width: 768px){.what-you-learn .quick-benefits{padding:35px 20px;margin:0 0 50px 0}}.what-you-learn .quick-benefits .benefits-grid{display:flex;flex-wrap:wrap;gap:20px;max-width:900px;margin:0 auto}@media(max-width: 768px){.what-you-learn .quick-benefits .benefits-grid{gap:15px}}.what-you-learn .quick-benefits .benefit-item{display:flex;flex:1 1 calc(50% - 52px);width:calc(50% - 52px);align-items:flex-start;gap:18px;padding:20px;background:#fff;border-radius:12px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}@media(max-width: 768px){.what-you-learn .quick-benefits .benefit-item{padding:0px;background:rgba(0,0,0,0);gap:12px}}.what-you-learn .quick-benefits .benefit-item:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(82,113,255,.1);border-color:rgba(82,113,255,.2)}.what-you-learn .quick-benefits .benefit-item:hover .benefit-icon{background:linear-gradient(135deg, #5271FF 0%, #667EFF 100%);color:#fff}.what-you-learn .quick-benefits .benefit-item .benefit-icon{font-size:21px;display:flex;align-items:center;justify-content:center;color:#5271ff;transition:all .3s ease}@media(max-width: 768px){.what-you-learn .quick-benefits .benefit-item .benefit-icon{width:40px;height:40px}}.what-you-learn .quick-benefits .benefit-item .benefit-icon svg{width:24px;height:24px}@media(max-width: 768px){.what-you-learn .quick-benefits .benefit-item .benefit-icon svg{width:20px;height:20px}}.what-you-learn .quick-benefits .benefit-item .benefit-text{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);line-height:1.6;flex:1}@media(max-width: 768px){.what-you-learn .quick-benefits .benefit-item .benefit-text{font-size:15px}}.what-you-learn .quick-benefits .benefit-item .benefit-text strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.what-you-learn .quick-benefits .benefit-item .benefit-text strong{font-size:15px}}.what-you-learn .report-preview-section{margin:0 0 60px 0}@media(max-width: 768px){.what-you-learn .report-preview-section{margin:0 0 40px 0}}.what-you-learn .report-preview-section .preview-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.what-you-learn .report-preview-section .preview-title{font-size:24px;margin:0 0 30px 0;padding:0 15px}}.what-you-learn .preview-card{background:#fff;border:2px solid #f0f0f0;border-radius:20px;padding:40px;margin:0 0 25px 0;display:flex;flex-wrap:wrap;gap:40px;align-items:start;transition:all .3s ease;overflow:hidden}@media(max-width: 991px){.what-you-learn .preview-card{flex-direction:column;gap:25px;padding:30px}}@media(max-width: 768px){.what-you-learn .preview-card{padding:25px 20px;gap:20px}}.what-you-learn .preview-card:hover{border-color:rgba(82,113,255,.3);box-shadow:0 8px 25px rgba(82,113,255,.1);transform:translateY(-3px)}.what-you-learn .preview-card .preview-content{flex:1;min-width:0}@media(max-width: 991px){.what-you-learn .preview-card .preview-content{width:100%}}.what-you-learn .preview-card .preview-header{display:flex;align-items:flex-start;gap:20px;margin:0 0 20px 0}@media(max-width: 768px){.what-you-learn .preview-card .preview-header{gap:15px}}.what-you-learn .preview-card .preview-header .preview-number{font-weight:700;font-size:48px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(82,113,255,.15);line-height:1;flex-shrink:0}@media(max-width: 768px){.what-you-learn .preview-card .preview-header .preview-number{font-size:40px}}.what-you-learn .preview-card .preview-header .preview-info{flex:1}.what-you-learn .preview-card .preview-header .preview-info h4{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 10px 0;line-height:1.3}@media(max-width: 768px){.what-you-learn .preview-card .preview-header .preview-info h4{font-size:20px}}.what-you-learn .preview-card .preview-header .preview-info p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.6;margin:0}@media(max-width: 768px){.what-you-learn .preview-card .preview-header .preview-info p{font-size:15px}}.what-you-learn .preview-card .preview-tags{display:flex;flex-wrap:wrap;gap:8px}.what-you-learn .preview-card .preview-tags .tag{font-weight:400;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:6px 14px;background:rgba(82,113,255,.08);color:#5271ff;border-radius:20px;border:1px solid rgba(82,113,255,.15)}@media(max-width: 768px){.what-you-learn .preview-card .preview-tags .tag{font-size:12px;padding:5px 12px}}.what-you-learn .preview-card .preview-visual{width:350px}.what-you-learn .preview-card .preview-visual .items{display:flex;margin:0 0 20px 0;gap:5px}.what-you-learn .preview-card .preview-visual .item{width:calc(50% - 5px)}.what-you-learn .preview-card .preview-visual .item img{width:100%;height:100%;object-fit:cover}@media(max-width: 991px){.what-you-learn .preview-card .preview-visual{width:100%}}.what-you-learn .preview-card .preview-outfits{width:100%;flex:1 1 100%}.what-you-learn .preview-card .preview-outfits .header{width:100%;font-weight:600;margin:0 0 5px 0;text-align:center}.what-you-learn .preview-card .preview-outfits .list{gap:5px;display:flex}.what-you-learn .preview-card .preview-outfits .item{width:16.6666666667%;height:240px}.what-you-learn .preview-card .preview-outfits .item img{width:100%;height:100%;object-fit:cover}.what-you-learn .color-palette-demo{background:#f8f9fb;border-radius:15px;padding:25px;text-align:left}.what-you-learn .color-palette-demo .header{margin:0 0 5px 0}@media(max-width: 768px){.what-you-learn .color-palette-demo{padding:20px}}.what-you-learn .color-palette-demo .color-row{display:flex;gap:10px;margin:0 0 20px 0}.what-you-learn .color-palette-demo .color-row:last-of-type{margin-bottom:15px}.what-you-learn .color-palette-demo .color-row .color-box{width:70px;height:70px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease;cursor:pointer}@media(max-width: 768px){.what-you-learn .color-palette-demo .color-row .color-box{width:60px;height:60px}}.what-you-learn .color-palette-demo .color-row .color-box:hover{transform:scale(1.1)}.what-you-learn .color-palette-demo .palette-label{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);margin-top:10px}@media(max-width: 768px){.what-you-learn .color-palette-demo .palette-label{font-size:13px}}.what-you-learn .outfits-grid-demo{display:flex;flex-wrap:wrap;gap:15px}@media(max-width: 768px){.what-you-learn .outfits-grid-demo{grid-template-columns:1fr;gap:12px}}.what-you-learn .outfits-grid-demo .outfit-demo-card{width:calc(50% - 52px);background:#f8f9fb;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.what-you-learn .outfits-grid-demo .outfit-demo-card.outfit-card{padding:0px;width:calc(50% - 12px);border-radius:9px;overflow:hidden}.what-you-learn .outfits-grid-demo .outfit-demo-card.outfit-card img{border-radius:9px;width:100%;height:100%;object-fit:cover}@media(max-width: 768px){.what-you-learn .outfits-grid-demo .outfit-demo-card.outfit-card{padding:0px;width:calc(50% - 12px)}}@media(max-width: 768px){.what-you-learn .outfits-grid-demo .outfit-demo-card{padding:15px;width:calc(50% - 40px)}}.what-you-learn .outfits-grid-demo .outfit-demo-card:hover{transform:translateY(-5px);border-color:rgba(82,113,255,.3);box-shadow:0 5px 15px rgba(0,0,0,.1)}.what-you-learn .outfits-grid-demo .outfit-demo-card.left{text-align:left}.what-you-learn .outfits-grid-demo .outfit-demo-card ul{padding:0px}.what-you-learn .outfits-grid-demo .outfit-demo-card ul li{padding:0 0 0 5px;font-size:14px}.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-number{font-weight:700;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#5271ff;margin:0 0 10px 0}.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-occasion{font-weight:500;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-occasion{font-size:13px}}.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-colors{display:flex;gap:8px;justify-content:center}.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-colors .color-dot{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.15)}@media(max-width: 768px){.what-you-learn .outfits-grid-demo .outfit-demo-card .outfit-demo-colors .color-dot{width:28px;height:28px}}.what-you-learn .style-icons-demo{display:flex;gap:30px;justify-content:center;align-items:center;padding:30px;background:#f8f9fb;border-radius:15px}@media(max-width: 768px){.what-you-learn .style-icons-demo{gap:20px;padding:20px}}.what-you-learn .style-icons-demo .style-icon-item{display:flex;flex-direction:column;align-items:center;gap:10px}.what-you-learn .style-icons-demo .style-icon-item svg{width:48px;height:48px;color:#5271ff}@media(max-width: 768px){.what-you-learn .style-icons-demo .style-icon-item svg{width:40px;height:40px}}.what-you-learn .style-icons-demo .style-icon-item span{font-weight:500;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.what-you-learn .style-icons-demo .style-icon-item span{font-size:13px}}.what-you-learn .beauty-demo{background:#f8f9fb;border-radius:15px;padding:25px;display:flex;flex-direction:column;gap:20px}@media(max-width: 768px){.what-you-learn .beauty-demo{padding:20px;gap:15px}}.what-you-learn .beauty-demo .beauty-section strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;display:block;margin:0 0 10px 0}@media(max-width: 768px){.what-you-learn .beauty-demo .beauty-section strong{font-size:15px}}.what-you-learn .beauty-demo .beauty-section .color-samples{display:flex;gap:12px}.what-you-learn .beauty-demo .beauty-section .color-samples .sample{width:50px;height:50px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease;cursor:pointer}@media(max-width: 768px){.what-you-learn .beauty-demo .beauty-section .color-samples .sample{width:45px;height:45px}}.what-you-learn .beauty-demo .beauty-section .color-samples .sample:hover{transform:scale(1.1)}.what-you-learn .preview-description{margin:0 0 20px 0}.what-you-learn .preview-description p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);line-height:1.8;margin:0 0 15px 0}@media(max-width: 768px){.what-you-learn .preview-description p{font-size:15px;line-height:1.7}}.what-you-learn .preview-description p:last-child{margin-bottom:0}.what-you-learn .preview-description p strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.what-you-learn .preview-description p strong{font-size:15px}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.preview-card{animation:fadeInScale .5s ease-out}.demo-vs-full{padding:80px 0;background:linear-gradient(180deg, #F8F9FB 0%, #FFFFFF 100%)}@media(max-width: 991px){.demo-vs-full{padding:60px 0}}@media(max-width: 768px){.demo-vs-full{padding:50px 0}}.demo-vs-full .section-header{text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.demo-vs-full .section-header{margin:0 0 30px 0}}.demo-vs-full .section-header h2{font-weight:600;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0;line-height:1.2}@media(max-width: 991px){.demo-vs-full .section-header h2{font-size:36px}}@media(max-width: 768px){.demo-vs-full .section-header h2{font-size:28px;padding:0 15px}}.demo-vs-full .section-header .section-subtitle{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);max-width:800px;margin:0 auto;line-height:1.6}@media(max-width: 768px){.demo-vs-full .section-header .section-subtitle{font-size:16px;padding:0 15px}}.demo-vs-full .comparison-intro{max-width:900px;margin:0 auto 60px auto;padding:0 20px}@media(max-width: 768px){.demo-vs-full .comparison-intro{margin:0 auto 40px auto}}.demo-vs-full .comparison-intro p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);line-height:1.8;margin:0 0 20px 0}@media(max-width: 768px){.demo-vs-full .comparison-intro p{font-size:16px}}.demo-vs-full .comparison-intro p:last-child{margin-bottom:0}.demo-vs-full .comparison-intro p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.demo-vs-full .comparison-intro p strong{font-size:16px}}.demo-vs-full .comparison-table{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 60px 0}@media(max-width: 991px){.demo-vs-full .comparison-table{grid-template-columns:1fr;gap:40px}}@media(max-width: 768px){.demo-vs-full .comparison-table{gap:30px;margin:0 0 40px 0}}.demo-vs-full .comparison-column{background:#fff;border-radius:20px;border:2px solid #f0f0f0;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.demo-vs-full .comparison-column:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.demo-vs-full .comparison-column .popular-badge{position:absolute;top:-2px;right:30px;background:linear-gradient(135deg, #FFD700 0%, #FFC700 100%);color:#000;font-weight:600;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:6px 16px;border-radius:0 0 10px 10px;box-shadow:0 4px 10px rgba(255,215,0,.3);z-index:2}@media(max-width: 768px){.demo-vs-full .comparison-column .popular-badge{font-size:12px;padding:5px 14px;right:20px}}.demo-vs-full .comparison-column .column-header{padding:40px 30px 30px 30px;text-align:center;border-bottom:2px solid #f0f0f0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header{padding:30px 20px 25px 20px}}.demo-vs-full .comparison-column .column-header .header-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header .header-badge{font-size:13px;padding:6px 14px}}.demo-vs-full .comparison-column .column-header .header-badge svg{width:18px;height:18px}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header .header-badge svg{width:16px;height:16px}}.demo-vs-full .comparison-column .column-header .demo-badge{background:rgba(82,113,255,.1);color:#5271ff;border:1px solid rgba(82,113,255,.2)}.demo-vs-full .comparison-column .column-header .full-badge{background:linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 199, 0, 0.2) 100%);color:#c90;border:1px solid rgba(255,215,0,.3)}.demo-vs-full .comparison-column .column-header .column-title{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header .column-title{font-size:24px}}.demo-vs-full .comparison-column .column-header .column-price .price{font-weight:700;font-size:42px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;display:block;line-height:1;margin:0 0 8px 0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header .column-price .price{font-size:36px}}.demo-vs-full .comparison-column .column-header .column-price .price-label{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6)}@media(max-width: 768px){.demo-vs-full .comparison-column .column-header .column-price .price-label{font-size:13px}}.demo-vs-full .comparison-column .column-content{padding:30px;flex-grow:1}@media(max-width: 768px){.demo-vs-full .comparison-column .column-content{padding:25px 20px}}.demo-vs-full .comparison-column .column-footer{padding:30px;text-align:center;border-top:2px solid #f0f0f0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-footer{padding:25px 20px}}.demo-vs-full .comparison-column .column-footer .footer-note{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);margin:15px 0 0 0}@media(max-width: 768px){.demo-vs-full .comparison-column .column-footer .footer-note{font-size:13px}}.demo-vs-full .full-column{border-color:rgba(255,215,0,.4);box-shadow:0 5px 20px rgba(255,215,0,.15)}.demo-vs-full .full-column:hover{border-color:rgba(255,215,0,.6);box-shadow:0 10px 30px rgba(255,215,0,.25)}.demo-vs-full .feature-group{margin:0 0 30px 0}.demo-vs-full .feature-group:last-child{margin-bottom:0}.demo-vs-full .feature-group .feature-title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.demo-vs-full .feature-group .feature-title{font-size:16px}}.demo-vs-full .feature-group .feature-title svg{width:24px;height:24px;color:#5271ff;flex-shrink:0}@media(max-width: 768px){.demo-vs-full .feature-group .feature-title svg{width:20px;height:20px}}.demo-vs-full .feature-group .feature-list{list-style:none;margin:0;padding:0 0 0 36px}@media(max-width: 768px){.demo-vs-full .feature-group .feature-list{padding:0 0 0 32px}}.demo-vs-full .feature-group .feature-list li{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);line-height:1.7;margin:0 0 10px 0;position:relative;padding-left:20px}@media(max-width: 768px){.demo-vs-full .feature-group .feature-list li{font-size:14px}}.demo-vs-full .feature-group .feature-list li:last-child{margin-bottom:0}.demo-vs-full .feature-group .feature-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:#5271ff;border-radius:50%}@media(max-width: 768px){.demo-vs-full .feature-group .feature-list li::before{top:8px}}.demo-vs-full .feature-group .feature-list li strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.demo-vs-full .feature-group .feature-list li strong{font-size:14px}}.demo-vs-full .btn-demo,.demo-vs-full .btn-full{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:16px 35px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;justify-content:center;width:100%;max-width:100%}@media(max-width: 768px){.demo-vs-full .btn-demo,.demo-vs-full .btn-full{font-size:16px;padding:14px 28px}}.demo-vs-full .btn-demo svg,.demo-vs-full .btn-full svg{width:20px;height:20px;transition:transform .3s ease}@media(max-width: 768px){.demo-vs-full .btn-demo svg,.demo-vs-full .btn-full svg{width:18px;height:18px}}.demo-vs-full .btn-demo:hover,.demo-vs-full .btn-full:hover{transform:translateY(-3px)}.demo-vs-full .btn-demo:hover svg,.demo-vs-full .btn-full:hover svg{transform:translateX(5px)}.demo-vs-full .btn-demo:active,.demo-vs-full .btn-full:active{transform:translateY(-1px)}.demo-vs-full .btn-demo{background:linear-gradient(135deg, #5271FF 0%, #667EFF 100%);color:#fff;box-shadow:0 4px 15px rgba(82,113,255,.3)}.demo-vs-full .btn-demo:hover{box-shadow:0 6px 20px rgba(82,113,255,.4)}.demo-vs-full .btn-full{background:linear-gradient(135deg, #FFD700 0%, #FFC700 100%);color:#000;box-shadow:0 4px 15px rgba(255,215,0,.3)}.demo-vs-full .btn-full:hover{box-shadow:0 6px 20px rgba(255,215,0,.4)}.demo-vs-full .comparison-footer{max-width:900px;margin:0 auto;padding:40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px;border:2px solid rgba(82,113,255,.1)}@media(max-width: 768px){.demo-vs-full .comparison-footer{padding:30px 20px}}.demo-vs-full .comparison-footer .footer-info h3{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.demo-vs-full .comparison-footer .footer-info h3{font-size:20px}}.demo-vs-full .comparison-footer .footer-info p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.8);line-height:1.8;margin:0 0 15px 0}@media(max-width: 768px){.demo-vs-full .comparison-footer .footer-info p{font-size:15px}}.demo-vs-full .comparison-footer .footer-info p:last-child{margin-bottom:0}.demo-vs-full .comparison-footer .footer-info p strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a}@media(max-width: 768px){.demo-vs-full .comparison-footer .footer-info p strong{font-size:15px}}.faq-simple h2{text-align:center}section.general{background:#fff;padding:60px 0px}section.general .title{text-align:center}.learn-cta{text-align:center;padding:60px 30px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.08) 0%, rgba(253, 235, 0, 0.08) 100%);border-radius:25px;border:2px solid rgba(82,113,255,.15)}@media(max-width: 768px){.learn-cta{padding:40px 20px}}.learn-cta .cta-inner{max-width:700px;margin:0 auto}.learn-cta .cta-inner h3{font-weight:600;font-size:36px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.learn-cta .cta-inner h3{font-size:28px}}.learn-cta .cta-inner p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.7);margin:0 0 30px 0;line-height:1.6}@media(max-width: 768px){.learn-cta .cta-inner p{font-size:16px;margin:0 0 25px 0}}.learn-cta .cta-inner .btn-primary-large{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;padding:18px 45px;background:linear-gradient(135deg, #5271FF 0%, #667EFF 100%);color:#fff;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px rgba(82,113,255,.35);cursor:pointer}@media(max-width: 768px){.learn-cta .cta-inner .btn-primary-large{font-size:17px;padding:16px 35px}}.learn-cta .cta-inner .btn-primary-large svg{transition:transform .3s ease}.learn-cta .cta-inner .btn-primary-large:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(82,113,255,.45)}.learn-cta .cta-inner .btn-primary-large:hover svg{transform:translateX(5px)}.learn-cta .cta-inner .btn-primary-large:active{transform:translateY(-2px)}.learn-cta .cta-inner .cta-note{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Kanit",sans-serif;color:rgba(0,0,0,.6);display:block;margin-top:20px}@media(max-width: 768px){.learn-cta .cta-inner .cta-note{font-size:14px}}.report-nav{position:relative;background:#fff;margin:0 0 40px 0;z-index:100;transition:all .3s ease}@media(max-width: 768px){.report-nav{margin:0 0 30px 0}}.report-nav.is-sticky{position:fixed;top:0;left:0;right:0;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:slideDown .3s ease}@media(max-width: 768px){.report-nav.is-sticky{box-shadow:0 2px 6px rgba(0,0,0,.12)}}.report-nav .report-nav-container{max-width:1400px;margin:0 auto;padding:5px 0 5px 0}@media(max-width: 1366px){.report-nav .report-nav-container{max-width:1200px}}@media(max-width: 1199px){.report-nav .report-nav-container{max-width:1000px}}@media(max-width: 991px){.report-nav .report-nav-container{padding:0 1.5rem}}@media(max-width: 768px){.report-nav .report-nav-container{padding:0 1rem}}.report-nav .report-nav-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.report-nav .report-nav-list::-webkit-scrollbar{display:none}@media(max-width: 768px){.report-nav .report-nav-list{gap:6px;padding:12px 0;flex-wrap:nowrap}}.report-nav .report-nav-item{flex-shrink:0}@media(max-width: 768px){.report-nav .report-nav-item{min-width:auto}}.report-nav .report-nav-link{display:flex;align-items:center;gap:5px;padding:5px 9px;background:#f8f9fa;border:2px solid rgba(0,0,0,0);border-radius:24px;font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif;color:#555;text-decoration:none;transition:all .25s ease;white-space:nowrap;cursor:pointer}@media(max-width: 991px){.report-nav .report-nav-link{padding:12px 18px;font-size:16px;gap:6px}}@media(max-width: 768px){.report-nav .report-nav-link{padding:10px 16px;font-size:13px;gap:6px;border-radius:20px}}.report-nav .report-nav-link:hover{background:#e8f4ff;border-color:rgba(35,136,255,.3);color:#2388ff;transform:translateY(-1px)}.report-nav .report-nav-link:hover .nav-icon{transform:scale(1.1)}.report-nav .report-nav-link.active{background:linear-gradient(135deg, #2388ff 0%, #0a7aff 100%);border-color:#2388ff;color:#fff;box-shadow:0 2px 8px rgba(35,136,255,.25)}@media(max-width: 768px){.report-nav .report-nav-link.active{box-shadow:0 2px 6px rgba(35,136,255,.2)}}.report-nav .report-nav-link.active .nav-icon{transform:scale(1.05)}.report-nav .report-nav-link.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(35,136,255,.3)}.report-nav .report-nav-link:focus{outline:2px solid #2388ff;outline-offset:2px}.report-nav .nav-icon{font-size:12px;padding:2px;display:inline-block;text-align:center;height:16px;width:16px;background:#2388ff;color:#fff;border-radius:50%;line-height:16px;transition:transform .25s ease}@media(max-width: 768px){.report-nav .nav-icon{font-size:16px}}.report-nav .nav-text{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif;line-height:1.2}@media(max-width: 991px){.report-nav .nav-text{font-size:16px}}@media(max-width: 768px){.report-nav .nav-text{font-size:13px}}@media(max-width: 768px)and (max-width: 380px){.report-nav .nav-text{display:none}}.color-determine-section{padding:60px 0;background:#fff}@media(max-width: 768px){.color-determine-section{padding:40px 0}}.color-determine-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 15px 0;text-align:center}@media(max-width: 768px){.color-determine-section .section-title{font-size:28px;text-align:left}}.color-determine-section .section-subtitle{font-weight:400;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.6);text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.color-determine-section .section-subtitle{font-size:18px;text-align:left}}.color-determine-section .intro-text{max-width:900px;margin:0 auto 50px auto}.color-determine-section .intro-text p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.color-determine-section .intro-text p{font-size:16px}}.color-determine-section .determine-block{max-width:900px;margin:0 auto 50px auto;padding:40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.03) 0%, rgba(253, 235, 0, 0.03) 100%);border-radius:20px;border-left:4px solid #2388ff}@media(max-width: 768px){.color-determine-section .determine-block{padding:25px 20px;margin:0 auto 35px auto}}.color-determine-section .determine-block:last-of-type{margin-bottom:60px}.color-determine-section .determine-title{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:140%;margin:0 0 20px 0;display:flex;align-items:center;gap:15px}@media(max-width: 768px){.color-determine-section .determine-title{font-size:22px;gap:12px}}.color-determine-section .determine-title .number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);color:#fff;border-radius:50%;font-size:20px;flex-shrink:0}@media(max-width: 768px){.color-determine-section .determine-title .number{width:35px;height:35px;font-size:18px}}.color-determine-section .determine-content p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 20px 0}@media(max-width: 768px){.color-determine-section .determine-content p{font-size:16px}}.color-determine-section .determine-content p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.color-determine-section .determine-content p strong{font-size:16px}}.color-determine-section .determine-content .hint{margin:25px 0}.color-determine-section .determine-content .hint ul{margin:10px 0 0 0;padding:0 0 0 20px}.color-determine-section .determine-content .hint ul li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:165%;color:rgba(0,0,0,.75);margin:0 0 12px 0}@media(max-width: 768px){.color-determine-section .determine-content .hint ul li{font-size:15px}}.color-determine-section .determine-content .hint ul li strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.color-determine-section .determine-content .hint ul li strong{font-size:15px}}.color-determine-section .determine-content .hint strong{display:block;margin:0 0 8px 0}.color-determine-section .determine-content .qfaq{margin:25px 0}.color-determine-section .comparison-table-wrap{max-width:1100px;margin:0 auto 60px auto;padding:50px 40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px}@media(max-width: 768px){.color-determine-section .comparison-table-wrap{padding:30px 20px;margin:0 auto 50px auto}}.color-determine-section .comparison-table-wrap .table-title{font-weight:600;font-size:30px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 15px 0}@media(max-width: 768px){.color-determine-section .comparison-table-wrap .table-title{font-size:24px}}.color-determine-section .comparison-table-wrap .table-intro{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center;margin:0 0 30px 0;line-height:165%}@media(max-width: 768px){.color-determine-section .comparison-table-wrap .table-intro{font-size:16px}}.color-determine-section .comparison-table{overflow-x:auto}@media(max-width: 768px){.color-determine-section .comparison-table{margin:0 -20px;padding:0 20px}}.color-determine-section .comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);min-width:700px}@media(max-width: 768px){.color-determine-section .comparison-table table{font-size:16px}}.color-determine-section .comparison-table table thead{background:linear-gradient(135deg, #5271ff 0%, #2388ff 100%);color:#fff}.color-determine-section .comparison-table table thead tr th{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:18px 15px;text-align:left;border-bottom:2px solid rgba(255,255,255,.2)}@media(max-width: 768px){.color-determine-section .comparison-table table thead tr th{padding:16px 12px;font-size:16px}}.color-determine-section .comparison-table table thead tr th:first-child{border-radius:12px 0 0 0}.color-determine-section .comparison-table table thead tr th:last-child{border-radius:0 12px 0 0}.color-determine-section .comparison-table table thead tr th.highlight-summer{background:#fdeb00;color:#0a0a0a}.color-determine-section .comparison-table table tbody tr{transition:background .2s ease}.color-determine-section .comparison-table table tbody tr:hover{background:rgba(82,113,255,.03)}.color-determine-section .comparison-table table tbody tr:nth-child(even){background:rgba(0,0,0,.02)}.color-determine-section .comparison-table table tbody tr td{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 15px;color:rgba(0,0,0,.8);border-bottom:1px solid rgba(0,0,0,.08)}@media(max-width: 768px){.color-determine-section .comparison-table table tbody tr td{padding:12px 12px;font-size:13px}}.color-determine-section .comparison-table table tbody tr td strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.color-determine-section .comparison-table table tbody tr td strong{font-size:13px}}.color-determine-section .comparison-table table tbody tr td.highlight-summer{background:rgba(253,235,0,.12);font-weight:500;color:#0a0a0a}.color-determine-section .comparison-table table tbody tr:last-child td{border-bottom:none}.color-determine-section .cta-box{max-width:800px;margin:0 auto;padding:50px 40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.08) 0%, rgba(253, 235, 0, 0.08) 100%);border-radius:25px;border:2px solid rgba(82,113,255,.15);text-align:center}@media(max-width: 768px){.color-determine-section .cta-box{padding:35px 25px}}.color-determine-section .cta-box .cta-icon{width:80px;height:80px;margin:0 auto 25px auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);border-radius:50%}@media(max-width: 768px){.color-determine-section .cta-box .cta-icon{width:60px;height:60px;margin:0 auto 20px auto}}.color-determine-section .cta-box .cta-icon svg{width:40px;height:40px;color:#fff}@media(max-width: 768px){.color-determine-section .cta-box .cta-icon svg{width:30px;height:30px}}.color-determine-section .cta-box .cta-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.color-determine-section .cta-box .cta-title{font-size:26px}}.color-determine-section .cta-box .cta-text{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:170%;margin:0 0 30px 0}@media(max-width: 768px){.color-determine-section .cta-box .cta-text{font-size:16px}}.color-determine-section .cta-box .cta-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:0 0 20px 0}@media(max-width: 768px){.color-determine-section .cta-box .cta-buttons{flex-direction:column;gap:12px}}.color-determine-section .cta-box .btn-test,.color-determine-section .cta-box .btn-upload{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;flex:1;min-width:240px}@media(max-width: 768px){.color-determine-section .cta-box .btn-test,.color-determine-section .cta-box .btn-upload{font-size:16px;padding:16px 28px;width:calc(100% - 56px);min-width:auto}}.color-determine-section .cta-box .btn-test:hover,.color-determine-section .cta-box .btn-upload:hover{transform:translateY(-3px)}.color-determine-section .cta-box .btn-test:active,.color-determine-section .cta-box .btn-upload:active{transform:translateY(-1px)}.color-determine-section .cta-box .btn-test{max-width:350px;background:linear-gradient(135deg, #5271ff 0%, #2388ff 100%);color:#fff;box-shadow:0 4px 15px rgba(82,113,255,.3)}.color-determine-section .cta-box .btn-test:hover{box-shadow:0 6px 20px rgba(82,113,255,.4)}.color-determine-section .cta-box .btn-upload{background:linear-gradient(135deg, #fdeb00 0%, #FDD700 100%);color:#0a0a0a;box-shadow:0 4px 15px rgba(253,235,0,.3)}.color-determine-section .cta-box .btn-upload:hover{box-shadow:0 6px 20px rgba(253,235,0,.4)}.color-determine-section .cta-box .cta-note{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.6);margin:0}@media(max-width: 768px){.color-determine-section .cta-box .cta-note{font-size:16px}}.color-determine-section .comparison-table thead tr th.highlight-spring{background:linear-gradient(135deg, #FFB347 0%, #FF7F50 100%);color:#fff}.color-determine-section .comparison-table tbody tr td.highlight-spring{background:rgba(255,179,71,.12);font-weight:500;color:#0a0a0a}.color-determine-section .comparison-table thead tr th.highlight-autumn{background:linear-gradient(135deg, #D2691E 0%, #CC5500 100%);color:#fff}.color-determine-section .comparison-table tbody tr td.highlight-autumn{background:rgba(210,105,30,.12);font-weight:500;color:#0a0a0a}.color-determine-section .comparison-table thead tr th.highlight-winter{background:linear-gradient(135deg, #1565C0 0%, #0D47A1 100%);color:#fff}.color-determine-section .comparison-table tbody tr td.highlight-winter{background:rgba(21,101,192,.12);font-weight:500;color:#0a0a0a}.color-determine-section .color-test-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;margin:30px 0}@media(max-width: 768px){.color-determine-section .color-test-grid{grid-template-columns:1fr;gap:20px}}.color-determine-section .color-test-grid .test-group{padding:30px;border-radius:16px;border:2px solid}@media(max-width: 768px){.color-determine-section .color-test-grid .test-group{padding:25px 20px}}.color-determine-section .color-test-grid .test-group.good{background:rgba(76,175,80,.06);border-color:rgba(76,175,80,.3)}.color-determine-section .color-test-grid .test-group.good h4{color:#2e7d32}.color-determine-section .color-test-grid .test-group.bad{background:rgba(244,67,54,.06);border-color:rgba(244,67,54,.3)}.color-determine-section .color-test-grid .test-group.bad h4{color:#c62828}.color-determine-section .color-test-grid .test-group h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 12px 0}@media(max-width: 768px){.color-determine-section .color-test-grid .test-group h4{font-size:18px}}.color-determine-section .color-test-grid .test-group p{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.75);margin:0 0 20px 0;line-height:1.6}@media(max-width: 768px){.color-determine-section .color-test-grid .test-group p{font-size:14px}}.color-determine-section .color-test-grid .test-group ul{list-style:none;padding:0;margin:0}.color-determine-section .color-test-grid .test-group ul li{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);padding:10px 0;display:flex;align-items:center;gap:12px}@media(max-width: 768px){.color-determine-section .color-test-grid .test-group ul li{font-size:14px;padding:8px 0}}.color-determine-section .color-test-grid .test-group ul li .color-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.1)}@media(max-width: 768px){.color-determine-section .color-test-grid .test-group ul li .color-dot{width:24px;height:24px}}.color-palette-section{padding:60px 0;background:#fff}@media(max-width: 768px){.color-palette-section{padding:40px 0}}.color-palette-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 40px 0;text-align:center}@media(max-width: 768px){.color-palette-section .section-title{font-size:28px;text-align:left;margin:0 0 30px 0}}.color-palette-section .intro-text{max-width:900px;margin:0 auto 60px auto}.color-palette-section .intro-text p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 20px 0}@media(max-width: 768px){.color-palette-section .intro-text p{font-size:16px}}.color-palette-section .intro-text p strong{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.color-palette-section .intro-text p strong{font-size:16px}}.color-palette-section .palette-block{max-width:1100px;margin:0 auto 60px auto}@media(max-width: 768px){.color-palette-section .palette-block{margin:0 auto 40px auto}}.color-palette-section .palette-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:140%;margin:0 0 20px 0;text-align:center}@media(max-width: 768px){.color-palette-section .palette-title{font-size:26px;text-align:left}}.color-palette-section .palette-title-warning{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:140%;margin:0 0 20px 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px}@media(max-width: 768px){.color-palette-section .palette-title-warning{font-size:26px;flex-direction:column;text-align:center;gap:10px}}.color-palette-section .palette-title-warning .warning-icon{font-size:40px}@media(max-width: 768px){.color-palette-section .palette-title-warning .warning-icon{font-size:35px}}.color-palette-section .palette-intro{max-width:900px;margin:0 auto 40px auto}.color-palette-section .palette-intro p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);text-align:center}@media(max-width: 768px){.color-palette-section .palette-intro p{font-size:16px;text-align:left}}.color-palette-section .palette-subtitle{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:40px 0 20px 0;display:flex;align-items:center;gap:12px}@media(max-width: 768px){.color-palette-section .palette-subtitle{font-size:21px;margin:30px 0 15px 0}}.color-palette-section .palette-subtitle .icon{font-size:28px}@media(max-width: 768px){.color-palette-section .palette-subtitle .icon{font-size:24px}}.color-palette-section .palette-text{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 30px 0}@media(max-width: 768px){.color-palette-section .palette-text{font-size:16px}}.color-palette-section .colors-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin:0 0 30px 0}@media(max-width: 768px){.color-palette-section .colors-grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:15px}}.color-palette-section .color-card{width:calc(33.3% - 25px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}@media(max-width: 768px){.color-palette-section .color-card{width:calc(50% - 25px)}}.color-palette-section .color-card:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,.12)}.color-palette-section .color-card .color-sample{height:120px;display:flex;align-items:flex-end;justify-content:center;padding:15px;position:relative}@media(max-width: 768px){.color-palette-section .color-card .color-sample{height:100px;padding:12px}}.color-palette-section .color-card .color-sample .color-name{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);text-align:center;padding:8px 12px;background:rgba(0,0,0,.3);border-radius:20px;backdrop-filter:blur(5px)}@media(max-width: 768px){.color-palette-section .color-card .color-sample .color-name{font-size:13px;padding:6px 10px}}.color-palette-section .color-card .color-desc{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%;padding:15px;margin:0}@media(max-width: 768px){.color-palette-section .color-card .color-desc{font-size:13px;padding:12px}}.color-palette-section .taboo-block{background:linear-gradient(135deg, rgba(255, 82, 82, 0.05) 0%, rgba(255, 165, 0, 0.05) 100%);border-radius:20px;padding:50px 40px;border:2px solid rgba(255,82,82,.15)}@media(max-width: 768px){.color-palette-section .taboo-block{padding:30px 20px}}.color-palette-section .taboo-colors-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin:0 0 30px 0}.color-palette-section .taboo-item{width:calc(50% - 60px);display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .3s ease}@media(max-width: 768px){.color-palette-section .taboo-item{flex-direction:column;gap:15px;padding:15px;text-align:center;width:calc(100% - 40px)}}.color-palette-section .taboo-item:hover{transform:translateX(5px)}@media(max-width: 768px){.color-palette-section .taboo-item:hover{transform:translateY(-3px)}}.color-palette-section .taboo-item .taboo-color{min-width:80px;width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}@media(max-width: 768px){.color-palette-section .taboo-item .taboo-color{width:60px;height:60px;min-width:60px}}.color-palette-section .taboo-item .taboo-color .taboo-icon{font-size:35px;color:#fff}@media(max-width: 768px){.color-palette-section .taboo-item .taboo-color .taboo-icon{font-size:28px}}.color-palette-section .taboo-item .taboo-content{flex:1}.color-palette-section .taboo-item .taboo-content h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.color-palette-section .taboo-item .taboo-content h5{font-size:17px}}.color-palette-section .taboo-item .taboo-content p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.color-palette-section .taboo-item .taboo-content p{font-size:16px}}.color-palette-section .full-palette-showcase{max-width:1100px;margin:0 auto 60px auto;padding:50px 40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px}@media(max-width: 768px){.color-palette-section .full-palette-showcase{padding:30px 20px;margin:0 auto 40px auto}}.color-palette-section .full-palette-showcase .showcase-title{font-weight:600;font-size:30px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 15px 0}@media(max-width: 768px){.color-palette-section .full-palette-showcase .showcase-title{font-size:24px}}.color-palette-section .full-palette-showcase .showcase-intro{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center;margin:0 0 40px 0;line-height:165%}@media(max-width: 768px){.color-palette-section .full-palette-showcase .showcase-intro{font-size:16px}}.color-palette-section .palette-categories{display:flex;flex-wrap:wrap;gap:30px}@media(max-width: 768px){.color-palette-section .palette-categories{gap:25px}}.color-palette-section .palette-category{width:calc(50% - 75px);background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.05)}@media(max-width: 768px){.color-palette-section .palette-category{padding:20px 15px;width:calc(100% - 55px)}}.color-palette-section .palette-category .category-name{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.color-palette-section .palette-category .category-name{font-size:16px}}.color-palette-section .color-swatches{display:flex;flex-wrap:wrap;gap:10px}.color-palette-section .color-swatches .swatch{width:70px;height:70px;border-radius:8px;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width: 768px){.color-palette-section .color-swatches .swatch{width:55px;height:55px}}.color-palette-section .color-swatches .swatch:hover{transform:scale(1.15);box-shadow:0 4px 15px rgba(0,0,0,.2)}.color-palette-section .palette-note{margin:40px 0 0 0;padding:20px;background:rgba(82,113,255,.08);border-radius:12px;border-left:4px solid #2388ff}@media(max-width: 768px){.color-palette-section .palette-note{padding:15px}}.color-palette-section .palette-note p{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%;margin:0}@media(max-width: 768px){.color-palette-section .palette-note p{font-size:15px}}.color-palette-section .palette-note p strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.color-palette-section .palette-note p strong{font-size:15px}}.color-palette-section .combinations-block{max-width:1100px;margin:0 auto 60px auto}.color-palette-section .combinations-block .combinations-title{font-weight:600;font-size:30px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 40px 0}@media(max-width: 768px){.color-palette-section .combinations-block .combinations-title{font-size:24px;margin:0 0 30px 0}}.color-palette-section .combination-examples{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin:0 0 20px 0}@media(max-width: 768px){.color-palette-section .combination-examples{grid-template-columns:1fr;gap:20px}}.color-palette-section .combo-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}@media(max-width: 768px){.color-palette-section .combo-card{padding:20px}}.color-palette-section .combo-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(0,0,0,.12)}.color-palette-section .combo-card .combo-colors{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px 0}.color-palette-section .combo-card .combo-colors .combo-color{width:60px;height:60px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15)}@media(max-width: 768px){.color-palette-section .combo-card .combo-colors .combo-color{width:50px;height:50px}}.color-palette-section .combo-card .combo-colors .combo-plus{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.3)}@media(max-width: 768px){.color-palette-section .combo-card .combo-colors .combo-plus{font-size:18px}}.color-palette-section .combo-card h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0;text-align:center}@media(max-width: 768px){.color-palette-section .combo-card h5{font-size:17px}}.color-palette-section .combo-card p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;text-align:center;margin:0}@media(max-width: 768px){.color-palette-section .combo-card p{font-size:16px}}.color-palette-section .cta-box-palette{max-width:800px;margin:0 auto;padding:50px 40px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.08) 0%, rgba(253, 235, 0, 0.08) 100%);border-radius:25px;border:2px solid rgba(82,113,255,.15);text-align:center}@media(max-width: 768px){.color-palette-section .cta-box-palette{padding:35px 25px}}.color-palette-section .cta-box-palette .cta-visual{width:90px;height:90px;margin:0 auto 25px auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);border-radius:50%}@media(max-width: 768px){.color-palette-section .cta-box-palette .cta-visual{width:70px;height:70px;margin:0 auto 20px auto}}.color-palette-section .cta-box-palette .cta-visual svg{width:50px;height:50px;color:#fff}@media(max-width: 768px){.color-palette-section .cta-box-palette .cta-visual svg{width:40px;height:40px}}.color-palette-section .cta-box-palette h3{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.color-palette-section .cta-box-palette h3{font-size:26px}}.color-palette-section .cta-box-palette p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:170%;margin:0 0 25px 0}@media(max-width: 768px){.color-palette-section .cta-box-palette p{font-size:16px}}.color-palette-section .cta-box-palette .cta-features-mini{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 0 30px 0}@media(max-width: 768px){.color-palette-section .cta-box-palette .cta-features-mini{flex-direction:column;gap:10px}}.color-palette-section .cta-box-palette .cta-features-mini .feature-mini{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7)}@media(max-width: 768px){.color-palette-section .cta-box-palette .cta-features-mini .feature-mini{font-size:16px}}.color-palette-section .cta-box-palette .cta-buttons-palette{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.color-palette-section .cta-box-palette .cta-buttons-palette{flex-direction:column;gap:12px}}.color-palette-section .cta-box-palette .btn-get-palette,.color-palette-section .cta-box-palette .btn-view-demo{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;min-width:220px}@media(max-width: 768px){.color-palette-section .cta-box-palette .btn-get-palette,.color-palette-section .cta-box-palette .btn-view-demo{font-size:16px;padding:16px 28px;width:calc(100% - 56px);min-width:auto}}.color-palette-section .cta-box-palette .btn-get-palette:hover,.color-palette-section .cta-box-palette .btn-view-demo:hover{transform:translateY(-3px)}.color-palette-section .cta-box-palette .btn-get-palette:active,.color-palette-section .cta-box-palette .btn-view-demo:active{transform:translateY(-1px)}.color-palette-section .cta-box-palette .btn-get-palette{background:linear-gradient(135deg, #fdeb00 0%, #FDD700 100%);color:#0a0a0a;box-shadow:0 4px 15px rgba(253,235,0,.3)}.color-palette-section .cta-box-palette .btn-get-palette:hover{box-shadow:0 6px 20px rgba(253,235,0,.4)}.color-palette-section .cta-box-palette .btn-view-demo{background:rgba(0,0,0,0);color:#5271ff;border:2px solid #5271ff;box-shadow:none}.color-palette-section .cta-box-palette .btn-view-demo:hover{background:rgba(82,113,255,.05)}.color-palette-section .hint-success{background:rgba(76,175,80,.08);border-left:4px solid #4caf50}.color-palette-section .hint-success::before{display:none}.color-palette-section .hint-warning{background:rgba(255,183,75,.08);border-left:4px solid #ff9800}.color-palette-section .hint-warning::before{display:none}.color-palette-section .hint-warning ul{margin:15px 0 15px 20px}.color-palette-section .hint-warning ul li{margin:8px 0}.color-palette-section .hint-warning p{margin:15px 0 0 0}.color-palette-section .palette-subtitle-warning{color:#e65100}.color-palette-section .avoid-colors-block .palette-intro p{color:rgba(0,0,0,.75)}.color-palette-section .colors-grid-avoid{opacity:.85}.color-palette-section .colors-grid-avoid .color-card-avoid{position:relative}.color-palette-section .colors-grid-avoid .color-card-avoid:before{content:"✗";position:absolute;top:10px;right:10px;font-weight:700;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#d32f2f;opacity:.7}@media(max-width: 768px){.color-palette-section .colors-grid-avoid .color-card-avoid:before{font-size:20px}}.color-palette-section .colors-grid-avoid .color-card-avoid .color-sample{border:2px solid rgba(211,47,47,.2)}.color-palette-section .colors-grid-avoid .color-card-avoid .color-desc{color:rgba(0,0,0,.6);font-style:italic}.color-palette-section .colors-grid-avoid .color-card-avoid:hover{transform:none;box-shadow:0 2px 8px rgba(211,47,47,.15)}.characteristics-section .characteristic-block{margin:0 0 60px 0}@media(max-width: 768px){.characteristics-section .characteristic-block{margin:0 0 45px 0}}.characteristics-section .characteristic-block:last-child{margin-bottom:0}.characteristics-section .section-title{text-align:center;justify-content:center}.characteristics-section .section-title,.characteristics-section .characteristic-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;display:flex;align-items:center;gap:15px}@media(max-width: 768px){.characteristics-section .section-title,.characteristics-section .characteristic-title{font-size:26px;margin:0 0 20px 0}}.characteristics-section .section-title .icon,.characteristics-section .characteristic-title .icon{font-size:36px}@media(max-width: 768px){.characteristics-section .section-title .icon,.characteristics-section .characteristic-title .icon{font-size:30px}}.characteristics-section .characteristic-content p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.85);line-height:175%;margin:0 0 25px 0}@media(max-width: 768px){.characteristics-section .characteristic-content p{font-size:16px;margin:0 0 20px 0}}.characteristics-section .characteristic-content p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.characteristics-section .characteristic-content p strong{font-size:16px}}.feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:30px 0}@media(max-width: 768px){.feature-grid{grid-template-columns:1fr;gap:15px}}.feature-grid .feature-card{padding:25px;background:linear-gradient(135deg, rgba(255, 179, 71, 0.05) 0%, rgba(255, 127, 80, 0.05) 100%);border-radius:15px;border:1px solid rgba(255,179,71,.2);transition:all .3s ease}@media(max-width: 768px){.feature-grid .feature-card{padding:20px}}.feature-grid .feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,179,71,.15)}.feature-grid .feature-card .feature-name{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.feature-grid .feature-card .feature-name{font-size:17px}}.feature-grid .feature-card p{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.75);line-height:160%;margin:0}@media(max-width: 768px){.feature-grid .feature-card p{font-size:14px}}.eyes-colors-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:15px;margin:30px 0}@media(max-width: 768px){.eyes-colors-grid{grid-template-columns:repeat(2, 1fr);gap:12px}}.eyes-colors-grid .eye-color-card{text-align:center}.eyes-colors-grid .eye-color-card .eye-color-sample{width:100%;height:100px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 12px 0;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:transform .3s ease}@media(max-width: 768px){.eyes-colors-grid .eye-color-card .eye-color-sample{height:90px}}.eyes-colors-grid .eye-color-card .eye-color-sample:hover{transform:scale(1.05)}.eyes-colors-grid .eye-color-card .eye-color-sample .eye-color-name{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width: 768px){.eyes-colors-grid .eye-color-card .eye-color-sample .eye-color-name{font-size:14px}}.eyes-colors-grid .eye-color-card p{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%;margin:0}@media(max-width: 768px){.eyes-colors-grid .eye-color-card p{font-size:13px}}.info-box{padding:30px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.06) 0%, rgba(253, 235, 0, 0.06) 100%);border-radius:15px;border:1px solid rgba(82,113,255,.15);margin:30px 0}@media(max-width: 768px){.info-box{padding:25px 20px}}.info-box h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.info-box h4{font-size:18px}}.info-box ul{list-style:none;padding:0;margin:0}.info-box ul li{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:180%;padding:8px 0}@media(max-width: 768px){.info-box ul li{font-size:15px}}.celebrities-block{margin:40px 0}.celebrities-block h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0}@media(max-width: 768px){.celebrities-block h4{font-size:20px;margin:0 0 20px 0}}.celebrities-block .celebrities-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 768px){.celebrities-block .celebrities-grid{grid-template-columns:1fr;gap:15px}}.celebrities-block .celebrities-grid .celebrity-card{padding:25px;background:#fff;border-radius:15px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.06);transition:all .3s ease}@media(max-width: 768px){.celebrities-block .celebrities-grid .celebrity-card{padding:20px}}.celebrities-block .celebrities-grid .celebrity-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.celebrities-block .celebrities-grid .celebrity-card .celebrity-name{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 5px 0}@media(max-width: 768px){.celebrities-block .celebrities-grid .celebrity-card .celebrity-name{font-size:17px}}.celebrities-block .celebrities-grid .celebrity-card .celebrity-type{font-weight:500;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#5271ff;margin:0 0 12px 0}@media(max-width: 768px){.celebrities-block .celebrities-grid .celebrity-card .celebrity-type{font-size:13px}}.celebrities-block .celebrities-grid .celebrity-card p{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.celebrities-block .celebrities-grid .celebrity-card p{font-size:14px}}.hair-colors-section{margin:30px 0}.hair-colors-section .hair-subtitle{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.hair-colors-section .hair-subtitle{font-size:18px}}.hair-colors-section .hair-colors-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:15px}@media(max-width: 768px){.hair-colors-section .hair-colors-grid{grid-template-columns:repeat(2, 1fr);gap:12px}}.hair-colors-section .hair-colors-grid .hair-color-card{text-align:center}.hair-colors-section .hair-colors-grid .hair-color-card .hair-sample{width:100%;height:100px;border-radius:12px;margin:0 0 12px 0;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:transform .3s ease}@media(max-width: 768px){.hair-colors-section .hair-colors-grid .hair-color-card .hair-sample{height:90px}}.hair-colors-section .hair-colors-grid .hair-color-card .hair-sample:hover{transform:scale(1.05)}.hair-colors-section .hair-colors-grid .hair-color-card h5{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.hair-colors-section .hair-colors-grid .hair-color-card h5{font-size:15px}}.hair-colors-section .hair-colors-grid .hair-color-card p{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%;margin:0}@media(max-width: 768px){.hair-colors-section .hair-colors-grid .hair-color-card p{font-size:13px}}.warning-box{padding:30px;background:rgba(244,67,54,.06);border-radius:15px;border:2px solid rgba(244,67,54,.2);margin:30px 0}@media(max-width: 768px){.warning-box{padding:25px 20px}}.warning-box h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#c62828;margin:0 0 15px 0}@media(max-width: 768px){.warning-box h4{font-size:18px}}.warning-box ul{list-style:none;padding:0;margin:0}.warning-box ul li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:15px 0;padding-left:25px;position:relative}.warning-box ul li:before{content:"•";position:absolute;left:0;top:0;color:#a37777;font-size:20px;line-height:1}@media(max-width: 768px){.warning-box ul li{font-size:15px}}.warning-box ul li strong{color:#c62828}.summary-block .summary-features{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin:30px 0}@media(max-width: 768px){.summary-block .summary-features{grid-template-columns:repeat(2, 1fr);gap:15px}}.summary-block .summary-features .summary-card{text-align:center;padding:30px 20px;background:linear-gradient(135deg, rgba(255, 179, 71, 0.08) 0%, rgba(255, 127, 80, 0.08) 100%);border-radius:15px;border:1px solid rgba(255,179,71,.2);transition:all .3s ease}@media(max-width: 768px){.summary-block .summary-features .summary-card{padding:25px 15px}}.summary-block .summary-features .summary-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(255,179,71,.15)}.summary-block .summary-features .summary-card .summary-icon{font-size:48px;margin:0 0 15px 0}@media(max-width: 768px){.summary-block .summary-features .summary-card .summary-icon{font-size:40px}}.summary-block .summary-features .summary-card h4{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.summary-block .summary-features .summary-card h4{font-size:16px}}.summary-block .summary-features .summary-card p{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.summary-block .summary-features .summary-card p{font-size:13px}}.summary-block .summary-text{font-weight:400;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.85);line-height:180%;padding:30px;background:linear-gradient(135deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 179, 71, 0.08) 100%);border-radius:15px;border-left:4px solid #ffb347;margin:30px 0 0 0}@media(max-width: 768px){.summary-block .summary-text{font-size:16px;padding:25px 20px}}.summary-block .summary-text strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.summary-block .summary-text strong{font-size:16px}}.wardrobe-section{padding:60px 0;background:#fff}@media(max-width: 768px){.wardrobe-section{padding:40px 0}}.wardrobe-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 40px 0;text-align:center}@media(max-width: 768px){.wardrobe-section .section-title{font-size:28px;text-align:left;margin:0 0 30px 0}}.wardrobe-section .intro-text{max-width:900px;margin:0 auto 60px auto}.wardrobe-section .intro-text p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.wardrobe-section .intro-text p{font-size:16px}}.wardrobe-section .wardrobe-block{max-width:1100px;margin:0 auto 70px auto}@media(max-width: 768px){.wardrobe-section .wardrobe-block{margin:0 auto 50px auto}}.wardrobe-section .wardrobe-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:140%;margin:0 0 20px 0;text-align:center}@media(max-width: 768px){.wardrobe-section .wardrobe-title{font-size:26px;text-align:left}}.wardrobe-section .wardrobe-intro{max-width:900px;margin:0 auto 40px auto}.wardrobe-section .wardrobe-intro p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);text-align:center}@media(max-width: 768px){.wardrobe-section .wardrobe-intro p{font-size:16px;text-align:left}}.wardrobe-section .wardrobe-intro p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .wardrobe-intro p strong{font-size:16px}}.wardrobe-section .capsule-items{display:flex;flex-direction:column;gap:30px;margin:0 0 50px 0}@media(max-width: 768px){.wardrobe-section .capsule-items{gap:25px}}.wardrobe-section .capsule-item{display:flex;gap:25px;padding:30px;background:linear-gradient(135deg, rgba(82, 113, 255, 0.03) 0%, rgba(253, 235, 0, 0.03) 100%);border-radius:15px;border-left:4px solid #2388ff;transition:all .3s ease}@media(max-width: 768px){.wardrobe-section .capsule-item{flex-direction:column;padding:20px;gap:15px}}.wardrobe-section .capsule-item:hover{transform:translateX(5px);box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.wardrobe-section .capsule-item:hover{transform:translateY(-3px)}}.wardrobe-section .capsule-item .item-number{min-width:50px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);color:#fff;border-radius:50%;font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;flex-shrink:0}@media(max-width: 768px){.wardrobe-section .capsule-item .item-number{width:40px;height:40px;min-width:40px;font-size:18px}}.wardrobe-section .capsule-item .item-outfit{max-height:300px;max-width:200px}.wardrobe-section .capsule-item .item-outfit img{width:100%;height:100%;object-fit:cover;border-radius:12px}.wardrobe-section .capsule-item .item-content{flex:1}.wardrobe-section .capsule-item .item-content .item-title{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 12px 0}@media(max-width: 768px){.wardrobe-section .capsule-item .item-content .item-title{font-size:19px}}.wardrobe-section .capsule-item .item-content .item-description{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:170%;margin:0 0 15px 0}@media(max-width: 768px){.wardrobe-section .capsule-item .item-content .item-description{font-size:15px}}.wardrobe-section .capsule-item .item-content .item-colors{display:flex;gap:10px;margin:0 0 12px 0}.wardrobe-section .capsule-item .item-content .item-colors .color-dot{width:35px;height:35px;border-radius:50%;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media(max-width: 768px){.wardrobe-section .capsule-item .item-content .item-colors .color-dot{width:30px;height:30px}}.wardrobe-section .capsule-item .item-content .item-colors .color-dot:hover{transform:scale(1.2)}.wardrobe-section .capsule-item .item-content .item-tip{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;padding:12px 15px;background:rgba(82,113,255,.08);border-radius:8px;margin:0}@media(max-width: 768px){.wardrobe-section .capsule-item .item-content .item-tip{font-size:16px;padding:10px 12px}}.wardrobe-section .capsule-item .item-content .item-tip strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .capsule-item .item-content .item-tip strong{font-size:16px}}.wardrobe-section .combination-principles{background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:20px;padding:40px;margin:50px 0 0 0}@media(max-width: 768px){.wardrobe-section .combination-principles{padding:25px 20px}}.wardrobe-section .combination-principles .principles-title{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 35px 0}@media(max-width: 768px){.wardrobe-section .combination-principles .principles-title{font-size:22px;margin:0 0 25px 0}}.wardrobe-section .principles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px}@media(max-width: 768px){.wardrobe-section .principles-grid{grid-template-columns:1fr;gap:20px}}.wardrobe-section .principle-card{background:#fff;border-radius:15px;padding:30px;text-align:center;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease}@media(max-width: 768px){.wardrobe-section .principle-card{padding:25px 20px}}.wardrobe-section .principle-card:hover{transform:translateY(-5px)}.wardrobe-section .principle-card .principle-icon{width:70px;height:70px;margin:0 auto 20px auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(82, 113, 255, 0.1) 0%, rgba(253, 235, 0, 0.1) 100%);border-radius:50%}@media(max-width: 768px){.wardrobe-section .principle-card .principle-icon{width:60px;height:60px}}.wardrobe-section .principle-card .principle-icon svg{width:40px;height:40px;color:#2388ff}@media(max-width: 768px){.wardrobe-section .principle-card .principle-icon svg{width:35px;height:35px}}.wardrobe-section .principle-card h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 12px 0}@media(max-width: 768px){.wardrobe-section .principle-card h5{font-size:18px}}.wardrobe-section .principle-card p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.wardrobe-section .principle-card p{font-size:16px}}.wardrobe-section .fabrics-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 30px 0}@media(max-width: 768px){.wardrobe-section .fabrics-comparison{grid-template-columns:1fr;gap:25px}}.wardrobe-section .fabrics-column{background:#fff;border-radius:15px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.wardrobe-section .fabrics-column{padding:25px 20px}}.wardrobe-section .fabrics-column.good{border:2px solid rgba(167,255,153,.5)}.wardrobe-section .fabrics-column.good .column-header{color:#2e7d32}.wardrobe-section .fabrics-column.good .column-header .icon{background:linear-gradient(135deg, #A7FF99 0%, #81C784 100%)}.wardrobe-section .fabrics-column.bad{border:2px solid rgba(255,82,82,.3)}.wardrobe-section .fabrics-column.bad .column-header{color:#c62828}.wardrobe-section .fabrics-column.bad .column-header .icon{background:linear-gradient(135deg, #ff5252 0%, #E57373 100%)}.wardrobe-section .fabrics-column .column-header{display:flex;align-items:center;gap:15px;margin:0 0 25px 0}@media(max-width: 768px){.wardrobe-section .fabrics-column .column-header{gap:12px}}.wardrobe-section .fabrics-column .column-header .icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff}@media(max-width: 768px){.wardrobe-section .fabrics-column .column-header .icon{width:40px;height:40px;font-size:20px}}.wardrobe-section .fabrics-column .column-header h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0}@media(max-width: 768px){.wardrobe-section .fabrics-column .column-header h4{font-size:20px}}.wardrobe-section .fabrics-column .img-list{margin:20px 0 0 0}.wardrobe-section .fabrics-column .img-list .item{width:calc(50% - 20px)}.wardrobe-section .fabrics-list{display:flex;flex-direction:column;gap:20px}.wardrobe-section .fabrics-list .fabric-item h5{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.wardrobe-section .fabrics-list .fabric-item h5{font-size:16px}}.wardrobe-section .fabrics-list .fabric-item p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.wardrobe-section .fabrics-list .fabric-item p{font-size:16px}}.wardrobe-section .fabrics-list .fabric-item p strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .fabrics-list .fabric-item p strong{font-size:16px}}.wardrobe-section .prints-grid{display:grid;gap:40px;margin:0 0 30px 0}@media(max-width: 768px){.wardrobe-section .prints-grid{gap:30px}}.wardrobe-section .prints-section .prints-section-title{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;display:flex;align-items:center;gap:12px}@media(max-width: 768px){.wardrobe-section .prints-section .prints-section-title{font-size:21px}}.wardrobe-section .prints-section .prints-section-title .icon{font-size:28px}@media(max-width: 768px){.wardrobe-section .prints-section .prints-section-title .icon{font-size:24px}}.wardrobe-section .prints-section.good-prints .prints-section-title .icon{color:#2e7d32}.wardrobe-section .prints-section.bad-prints .prints-section-title .icon{color:#c62828}.wardrobe-section .prints-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px}@media(max-width: 768px){.wardrobe-section .prints-list{grid-template-columns:1fr}}.wardrobe-section .print-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:transform .3s ease}.wardrobe-section .print-card:hover{transform:translateY(-5px)}.wardrobe-section .print-card .print-visual{height:120px;background-color:#f5f5f5}@media(max-width: 768px){.wardrobe-section .print-card .print-visual{height:100px}}.wardrobe-section .print-card .print-info{padding:20px}@media(max-width: 768px){.wardrobe-section .print-card .print-info{padding:15px}}.wardrobe-section .print-card .print-info h5{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.wardrobe-section .print-card .print-info h5{font-size:16px}}.wardrobe-section .print-card .print-info p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.wardrobe-section .print-card .print-info p{font-size:13px}}.wardrobe-section .avoid-prints-list{display:flex;flex-direction:column;gap:15px}.wardrobe-section .avoid-print-item{display:flex;align-items:start;gap:15px;padding:20px;background:rgba(255,82,82,.05);border-radius:12px;border-left:3px solid #ff5252}@media(max-width: 768px){.wardrobe-section .avoid-print-item{padding:15px}}.wardrobe-section .avoid-print-item .avoid-icon{font-size:24px;flex-shrink:0}@media(max-width: 768px){.wardrobe-section .avoid-print-item .avoid-icon{font-size:20px}}.wardrobe-section .avoid-print-item h5{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 6px 0}@media(max-width: 768px){.wardrobe-section .avoid-print-item h5{font-size:16px}}.wardrobe-section .avoid-print-item p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.wardrobe-section .avoid-print-item p{font-size:13px}}.wardrobe-section .styles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));gap:25px;margin:0 0 40px 0}@media(max-width: 768px){.wardrobe-section .styles-grid{grid-template-columns:1fr;gap:20px}}.wardrobe-section .style-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease}.wardrobe-section .style-card:hover{transform:translateY(-5px)}.wardrobe-section .style-card .style-header{padding:25px;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);text-align:center}@media(max-width: 768px){.wardrobe-section .style-card .style-header{padding:20px}}.wardrobe-section .style-card .style-header h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff;margin:0}@media(max-width: 768px){.wardrobe-section .style-card .style-header h4{font-size:20px}}.wardrobe-section .style-card .style-content{padding:25px}@media(max-width: 768px){.wardrobe-section .style-card .style-content{padding:20px}}.wardrobe-section .style-card .style-content .style-description{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%;margin:0 0 20px 0}@media(max-width: 768px){.wardrobe-section .style-card .style-content .style-description{font-size:16px}}.wardrobe-section .style-card .style-content .style-features{display:flex;flex-direction:column;gap:8px;margin:0 0 15px 0}.wardrobe-section .style-card .style-content .style-features .feature-item{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%}@media(max-width: 768px){.wardrobe-section .style-card .style-content .style-features .feature-item{font-size:13px}}.wardrobe-section .style-card .style-content .style-tip{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);padding:12px;background:rgba(82,113,255,.08);border-radius:8px;margin:0}@media(max-width: 768px){.wardrobe-section .style-card .style-content .style-tip{font-size:13px;padding:10px}}.wardrobe-section .style-card .style-content .style-tip strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .style-card .style-content .style-tip strong{font-size:13px}}.wardrobe-section .outfits-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:30px}@media(max-width: 768px){.wardrobe-section .outfits-grid{grid-template-columns:1fr;gap:25px}}.wardrobe-section .outfit-card{width:calc(50% - 90px);flex:1 1 calc(50% - 90px);background:linear-gradient(135deg, rgba(82, 113, 255, 0.05) 0%, rgba(253, 235, 0, 0.05) 100%);border-radius:15px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}@media(max-width: 768px){.wardrobe-section .outfit-card{padding:25px 20px;width:calc(100% - 40px);flex:1 1 calc(100% - 90px)}}.wardrobe-section .outfit-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(0,0,0,.12)}.wardrobe-section .outfit-card .outfit-header{display:flex;align-items:center;gap:12px;margin:0 0 25px 0;padding-bottom:20px;border-bottom:2px solid rgba(0,0,0,.08)}.wardrobe-section .outfit-card .outfit-header .outfit-icon{font-size:30px}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-header .outfit-icon{font-size:26px}}.wardrobe-section .outfit-card .outfit-header h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-header h4{font-size:20px}}.wardrobe-section .outfit-card .outfit-items{flex:1;display:flex;flex-direction:column;gap:12px;margin:0 0 20px 0}.wardrobe-section .outfit-card .outfit-item{display:flex;align-items:center;gap:12px}.wardrobe-section .outfit-card .outfit-item .item-color{width:30px;height:30px;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);flex-shrink:0}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-item .item-color{width:25px;height:25px}}.wardrobe-section .outfit-card .outfit-item span{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8)}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-item span{font-size:16px}}.wardrobe-section .outfit-card .outfit-description{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0;font-style:italic}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-description{font-size:16px}}.wardrobe-section .outfit-card .outfit-wrap{display:flex;gap:15px}@media(max-width: 768px){.wardrobe-section .outfit-card .outfit-wrap{gap:10px;flex-direction:column-reverse}}.wardrobe-section .outfit-card .outfit-wrap .img{width:150px}.wardrobe-section .outfit-card .outfit-wrap .img img{width:100%;height:100%;object-fit:cover}.wardrobe-section .wardrobe-tips{margin:40px 0 0 0;padding:30px;background:rgba(255,218,185,.1);border-radius:15px;border-left:4px solid gold}@media(max-width: 768px){.wardrobe-section .wardrobe-tips{padding:25px 20px;margin:30px 0 0 0}}.wardrobe-section .wardrobe-tips h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.wardrobe-section .wardrobe-tips h4{font-size:18px;margin:0 0 15px 0}}.wardrobe-section .wardrobe-tips ul{list-style:none;padding:0;margin:0}.wardrobe-section .wardrobe-tips ul li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:12px 0;padding-left:25px;position:relative}@media(max-width: 768px){.wardrobe-section .wardrobe-tips ul li{font-size:15px;padding-left:20px}}.wardrobe-section .wardrobe-tips ul li:before{content:"•";position:absolute;left:0;font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:gold}.wardrobe-section .wardrobe-tips ul li strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .wardrobe-tips ul li strong{font-size:15px}}.wardrobe-section .fabrics-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media(max-width: 768px){.wardrobe-section .fabrics-grid{grid-template-columns:1fr;gap:25px}}.wardrobe-section .fabric-card{background:#fff;border-radius:15px;padding:35px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.wardrobe-section .fabric-card{padding:25px 20px}}.wardrobe-section .fabric-card .fabric-icon{font-weight:700;font-size:40px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;text-align:center;margin:0 0 20px 0}@media(max-width: 768px){.wardrobe-section .fabric-card .fabric-icon{font-size:35px}}.wardrobe-section .fabric-card h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 25px 0}@media(max-width: 768px){.wardrobe-section .fabric-card h4{font-size:20px}}.wardrobe-section .fabric-card .fabric-list{list-style:none;padding:0;margin:0 0 25px 0}.wardrobe-section .fabric-card .fabric-list li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:15px 0;padding-left:25px;position:relative}@media(max-width: 768px){.wardrobe-section .fabric-card .fabric-list li{font-size:15px}}.wardrobe-section .fabric-card .fabric-list li:before{content:"•";position:absolute;left:0;font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif}.wardrobe-section .fabric-card .fabric-list li strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .fabric-card .fabric-list li strong{font-size:15px}}.wardrobe-section .fabric-card .img-list{margin:0 0 15px 0}.wardrobe-section .fabric-card .fabric-tip{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.75);line-height:165%;padding:15px;border-radius:8px;margin:0}@media(max-width: 768px){.wardrobe-section .fabric-card .fabric-tip{font-size:14px}}.wardrobe-section .fabric-card .fabric-tip strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .fabric-card .fabric-tip strong{font-size:14px}}.wardrobe-section .fabric-card-good{border:2px solid rgba(76,175,80,.3)}.wardrobe-section .fabric-card-good .fabric-icon{color:#4caf50}.wardrobe-section .fabric-card-good .fabric-list li:before{color:#4caf50}.wardrobe-section .fabric-card-good .fabric-tip{background:rgba(76,175,80,.08)}.wardrobe-section .fabric-card-bad{border:2px solid rgba(244,67,54,.3)}.wardrobe-section .fabric-card-bad .fabric-icon{color:#f44336}.wardrobe-section .fabric-card-bad .fabric-list li:before{color:#f44336}.wardrobe-section .fabric-card-bad .fabric-tip{background:rgba(244,67,54,.08)}.wardrobe-section .prints-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin:0 0 30px 0}@media(max-width: 768px){.wardrobe-section .prints-grid{grid-template-columns:1fr;gap:25px}}.wardrobe-section .print-card{background:#fff;border-radius:15px;padding:35px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.wardrobe-section .print-card{padding:25px 20px}}.wardrobe-section .print-card .print-icon{font-weight:700;font-size:40px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;text-align:center;margin:0 0 20px 0}@media(max-width: 768px){.wardrobe-section .print-card .print-icon{font-size:35px}}.wardrobe-section .print-card h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 25px 0}@media(max-width: 768px){.wardrobe-section .print-card h4{font-size:20px}}.wardrobe-section .print-card .print-list{list-style:none;padding:0;margin:0}.wardrobe-section .print-card .print-list li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:15px 0;padding-left:25px;position:relative}@media(max-width: 768px){.wardrobe-section .print-card .print-list li{font-size:15px}}.wardrobe-section .print-card .print-list li:before{content:"•";position:absolute;left:0;font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif}.wardrobe-section .print-card .print-list li strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .print-card .print-list li strong{font-size:15px}}.wardrobe-section .print-card-good{border:2px solid rgba(76,175,80,.3)}.wardrobe-section .print-card-good .print-list li:before{color:#4caf50}.wardrobe-section .print-card-bad{border:2px solid rgba(244,67,54,.3)}.wardrobe-section .print-card-bad .print-list li:before{color:#f44336}.wardrobe-section .prints-hint{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;padding:25px;background:rgba(255,218,185,.1);border-radius:12px;border-left:4px solid gold;margin:0}@media(max-width: 768px){.wardrobe-section .prints-hint{font-size:15px;padding:20px 18px}}.wardrobe-section .prints-hint strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.wardrobe-section .prints-hint strong{font-size:15px}}.beauty-section{padding:60px 0;background:#fff}@media(max-width: 768px){.beauty-section{padding:40px 0}}.beauty-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 40px 0;text-align:center}@media(max-width: 768px){.beauty-section .section-title{font-size:28px;text-align:left;margin:0 0 30px 0}}.beauty-section .intro-text{max-width:900px;margin:0 auto 60px auto}.beauty-section .intro-text p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.beauty-section .intro-text p{font-size:16px}}.beauty-section .beauty-block{max-width:1100px;margin:0 auto 80px auto}@media(max-width: 768px){.beauty-section .beauty-block{margin:0 auto 60px auto}}.beauty-section .beauty-block:last-child{margin-bottom:0}.beauty-section .beauty-title{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:140%;margin:0 0 40px 0;display:flex;align-items:center;justify-content:center;gap:15px}@media(max-width: 768px){.beauty-section .beauty-title{font-size:26px;flex-direction:column;text-align:center}}.beauty-section .beauty-title .title-icon{font-size:40px}@media(max-width: 768px){.beauty-section .beauty-title .title-icon{font-size:35px}}.beauty-section .makeup-block{background:linear-gradient(135deg, rgba(255, 182, 193, 0.05) 0%, rgba(221, 160, 221, 0.05) 100%);border-radius:25px;padding:50px}@media(max-width: 768px){.beauty-section .makeup-block{padding:30px 20px}}.beauty-section .makeup-section{margin:0 0 50px 0}@media(max-width: 768px){.beauty-section .makeup-section{margin:0 0 40px 0}}.beauty-section .makeup-section:last-child{margin-bottom:0}.beauty-section .section-subtitle{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .section-subtitle{font-size:22px}}.beauty-section .section-subtitle.warning{color:#c62828;border-bottom-color:rgba(198,40,40,.2)}.beauty-section .makeup-content p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .makeup-content p{font-size:16px}}.beauty-section .makeup-content p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .makeup-content p strong{font-size:16px}}.beauty-section .product-recommendations{display:grid;gap:25px;margin:25px 0}@media(max-width: 768px){.beauty-section .product-recommendations{gap:20px}}.beauty-section .product-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .product-card{padding:20px}}.beauty-section .product-card h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.beauty-section .product-card h5{font-size:18px}}.beauty-section .product-card .shade-samples{display:flex;gap:15px;margin:0 0 15px 0;flex-wrap:wrap}@media(max-width: 768px){.beauty-section .product-card .shade-samples{gap:12px}}.beauty-section .product-card .shade-samples .shade{flex:1;min-width:100px;height:80px;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}@media(max-width: 768px){.beauty-section .product-card .shade-samples .shade{min-width:80px;height:70px;padding:10px}}.beauty-section .product-card .shade-samples .shade .shade-name{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:15px}@media(max-width: 768px){.beauty-section .product-card .shade-samples .shade .shade-name{font-size:12px;padding:4px 8px}}.beauty-section .product-card .product-tip{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;padding:12px 15px;background:rgba(255,182,193,.1);border-radius:8px;margin:15px 0 0 0}@media(max-width: 768px){.beauty-section .product-card .product-tip{font-size:16px}}.beauty-section .product-card .product-tip strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .product-card .product-tip strong{font-size:16px}}.beauty-section .product-card .avoid-note{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#c62828;line-height:165%;padding:12px 15px;background:rgba(198,40,40,.08);border-radius:8px;margin:15px 0 0 0}@media(max-width: 768px){.beauty-section .product-card .avoid-note{font-size:16px}}.beauty-section .product-card .avoid-note strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif}@media(max-width: 768px){.beauty-section .product-card .avoid-note strong{font-size:16px}}.beauty-section .eye-makeup-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px;margin:25px 0}@media(max-width: 768px){.beauty-section .eye-makeup-grid{grid-template-columns:1fr;gap:20px}}.beauty-section .eye-product{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .eye-product{padding:20px}}.beauty-section .eye-product h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .eye-product h5{font-size:17px}}.beauty-section .eye-product .eyeshadow-palette{display:flex;gap:8px;margin:0 0 15px 0}.beauty-section .eye-product .eyeshadow-palette .eyeshadow{flex:1;height:60px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:transform .2s ease}@media(max-width: 768px){.beauty-section .eye-product .eyeshadow-palette .eyeshadow{height:50px}}.beauty-section .eye-product .eyeshadow-palette .eyeshadow:hover{transform:translateY(-3px)}.beauty-section .eye-product .palette-desc{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .eye-product .palette-desc{font-size:16px}}.beauty-section .avoid-note-block{display:flex;align-items:start;gap:15px;padding:20px;background:rgba(198,40,40,.08);border-radius:12px;border-left:4px solid #c62828;margin:25px 0}@media(max-width: 768px){.beauty-section .avoid-note-block{padding:15px}}.beauty-section .avoid-note-block .avoid-icon{font-size:28px;flex-shrink:0}@media(max-width: 768px){.beauty-section .avoid-note-block .avoid-icon{font-size:24px}}.beauty-section .avoid-note-block strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#c62828;display:block;margin:0 0 8px 0}@media(max-width: 768px){.beauty-section .avoid-note-block strong{font-size:16px}}.beauty-section .avoid-note-block p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .avoid-note-block p{font-size:16px}}.beauty-section .liner-mascara-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin:25px 0}@media(max-width: 768px){.beauty-section .liner-mascara-grid{grid-template-columns:1fr;gap:20px}}.beauty-section .product-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center}@media(max-width: 768px){.beauty-section .product-item{padding:18px}}.beauty-section .product-item .product-icon{font-size:32px;margin:0 0 12px 0}@media(max-width: 768px){.beauty-section .product-item .product-icon{font-size:28px}}.beauty-section .product-item h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .product-item h5{font-size:17px}}.beauty-section .product-item .product-colors{display:flex;flex-direction:column;gap:10px;margin:0 0 15px 0}.beauty-section .product-item .product-colors .color-line{height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}@media(max-width: 768px){.beauty-section .product-item .product-colors .color-line{height:30px;font-size:13px}}.beauty-section .product-item .product-desc{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;text-align:left;margin:0}@media(max-width: 768px){.beauty-section .product-item .product-desc{font-size:13px}}.beauty-section .lipstick-categories{display:flex;flex-direction:column;gap:30px;margin:25px 0}.beauty-section .lipstick-category h5{font-weight:600;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.beauty-section .lipstick-category h5{font-size:19px}}.beauty-section .lipstick-category .lipstick-swatches{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .lipstick-category .lipstick-swatches{grid-template-columns:1fr}}.beauty-section .lipstick-category .lipstick-swatch{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center}.beauty-section .lipstick-category .lipstick-swatch .swatch-color{height:50px;border-radius:25px;margin:0 0 12px 0;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media(max-width: 768px){.beauty-section .lipstick-category .lipstick-swatch .swatch-color{height:45px}}.beauty-section .lipstick-category .lipstick-swatch .swatch-name{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8)}@media(max-width: 768px){.beauty-section .lipstick-category .lipstick-swatch .swatch-name{font-size:16px}}.beauty-section .lipstick-category .category-tip{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;font-style:italic}@media(max-width: 768px){.beauty-section .lipstick-category .category-tip{font-size:16px}}.beauty-section .lipstick-category .gloss-desc{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%}@media(max-width: 768px){.beauty-section .lipstick-category .gloss-desc{font-size:15px}}.beauty-section .makeup-looks{margin:50px 0 0 0;padding:40px;background:rgba(255,255,255,.6);border-radius:20px}@media(max-width: 768px){.beauty-section .makeup-looks{padding:25px 20px}}.beauty-section .makeup-looks .looks-title{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;text-align:center;margin:0 0 35px 0}@media(max-width: 768px){.beauty-section .makeup-looks .looks-title{font-size:22px}}.beauty-section .looks-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:25px}@media(max-width: 768px){.beauty-section .looks-grid{grid-template-columns:1fr;gap:20px}}.beauty-section .look-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease}@media(max-width: 768px){.beauty-section .look-card{padding:20px}}.beauty-section .look-card:hover{transform:translateY(-5px)}.beauty-section .look-card .look-header{display:flex;align-items:center;gap:12px;margin:0 0 20px 0;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.08)}.beauty-section .look-card .look-header .look-icon{font-size:28px}@media(max-width: 768px){.beauty-section .look-card .look-header .look-icon{font-size:24px}}.beauty-section .look-card .look-header h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.beauty-section .look-card .look-header h5{font-size:18px}}.beauty-section .look-card .look-steps{display:flex;flex-direction:column;gap:12px;margin:0 0 15px 0}.beauty-section .look-card .look-steps .step{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%}@media(max-width: 768px){.beauty-section .look-card .look-steps .step{font-size:16px}}.beauty-section .look-card .look-steps .step strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .look-card .look-steps .step strong{font-size:16px}}.beauty-section .look-card .look-result{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;font-style:italic;padding:12px 15px;background:rgba(255,182,193,.1);border-radius:8px;margin:0}@media(max-width: 768px){.beauty-section .look-card .look-result{font-size:16px}}.beauty-section .hair-block{background:linear-gradient(135deg, rgba(221, 160, 221, 0.05) 0%, rgba(186, 104, 200, 0.05) 100%);border-radius:25px;padding:50px}@media(max-width: 768px){.beauty-section .hair-block{padding:30px 20px}}.beauty-section .hair-intro{max-width:900px;margin:0 auto 40px auto}.beauty-section .hair-intro p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);text-align:center}@media(max-width: 768px){.beauty-section .hair-intro p{font-size:16px;text-align:left}}.beauty-section .hair-intro p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .hair-intro p strong{font-size:16px}}.beauty-section .hair-section{margin:0 0 50px 0}@media(max-width: 768px){.beauty-section .hair-section{margin:0 0 40px 0}}.beauty-section .hair-section:last-child{margin-bottom:0}.beauty-section .hair-category{margin:0 0 40px 0}@media(max-width: 768px){.beauty-section .hair-category{margin:0 0 30px 0}}.beauty-section .hair-category:last-child{margin-bottom:0}.beauty-section .hair-category .category-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 25px 0;flex-wrap:wrap}@media(max-width: 768px){.beauty-section .hair-category .category-header{flex-direction:column;align-items:flex-start}}.beauty-section .hair-category .category-header h5{font-weight:600;font-size:24px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.beauty-section .hair-category .category-header h5{font-size:21px}}.beauty-section .hair-category .category-header .category-badge{font-weight:500;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#fff;background:linear-gradient(135deg, #2388ff 0%, #5271ff 100%);padding:6px 15px;border-radius:20px}@media(max-width: 768px){.beauty-section .hair-category .category-header .category-badge{font-size:13px}}.beauty-section .hair-category .category-header .category-badge.creative-badge{background:linear-gradient(135deg, #BA68C8 0%, #9C27B0 100%)}.beauty-section .hair-shades-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}@media(max-width: 768px){.beauty-section .hair-shades-grid{grid-template-columns:1fr}}.beauty-section .hair-shade-card{width:calc(50% - 30px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08);transition:transform .3s ease}@media(max-width: 768px){.beauty-section .hair-shade-card{width:calc(100% - 30px)}}.beauty-section .hair-shade-card:hover{transform:translateY(-5px)}.beauty-section .hair-shade-card .shade-visual{height:100px}@media(max-width: 768px){.beauty-section .hair-shade-card .shade-visual{height:80px}}.beauty-section .hair-shade-card .shade-info{padding:20px}@media(max-width: 768px){.beauty-section .hair-shade-card .shade-info{padding:18px}}.beauty-section .hair-shade-card .shade-info h6{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.beauty-section .hair-shade-card .shade-info h6{font-size:17px}}.beauty-section .hair-shade-card .shade-info p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0 0 12px 0}@media(max-width: 768px){.beauty-section .hair-shade-card .shade-info p{font-size:13px}}.beauty-section .hair-shade-card .shade-info .shade-tip{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#2e7d32;padding:8px 12px;background:rgba(167,255,153,.2);border-radius:8px;display:inline-block}@media(max-width: 768px){.beauty-section .hair-shade-card .shade-info .shade-tip{font-size:12px}}.beauty-section .hair-category.creative .creative-options{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px}.beauty-section .hair-category.creative .creative-option{width:calc(50% - 60px);display:flex;gap:20px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .hair-category.creative .creative-option{flex-direction:column;padding:18px;width:calc(100% - 56px)}}.beauty-section .hair-category.creative .creative-option .option-visual{min-width:120px;width:120px;height:120px;border-radius:10px;flex-shrink:0}@media(max-width: 768px){.beauty-section .hair-category.creative .creative-option .option-visual{width:100%;height:80px;min-width:auto}}.beauty-section .hair-category.creative .creative-option .option-content{flex:1}.beauty-section .hair-category.creative .creative-option .option-content h6{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.beauty-section .hair-category.creative .creative-option .option-content h6{font-size:17px}}.beauty-section .hair-category.creative .creative-option .option-content p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .hair-category.creative .creative-option .option-content p{font-size:16px}}.beauty-section .avoid-section .avoid-hair-colors{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;margin:0 0 30px 0}.beauty-section .avoid-section .avoid-hair-item{width:calc(50% - 60px);display:flex;gap:20px;padding:20px;background:rgba(198,40,40,.05);border-radius:12px;border-left:4px solid #c62828}@media(max-width: 768px){.beauty-section .avoid-section .avoid-hair-item{padding:18px;gap:15px;width:calc(100% - 51px)}}.beauty-section .avoid-section .avoid-hair-item .avoid-visual{min-width:80px;width:80px;height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width: 768px){.beauty-section .avoid-section .avoid-hair-item .avoid-visual{width:60px;height:60px;min-width:60px}}.beauty-section .avoid-section .avoid-hair-item .avoid-visual .avoid-icon{font-size:35px;color:#fff}@media(max-width: 768px){.beauty-section .avoid-section .avoid-hair-item .avoid-visual .avoid-icon{font-size:28px}}.beauty-section .avoid-section .avoid-hair-item .avoid-content{flex:1}.beauty-section .avoid-section .avoid-hair-item .avoid-content h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#c62828;margin:0 0 8px 0}@media(max-width: 768px){.beauty-section .avoid-section .avoid-hair-item .avoid-content h5{font-size:17px}}.beauty-section .avoid-section .avoid-hair-item .avoid-content p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .avoid-section .avoid-hair-item .avoid-content p{font-size:16px}}.beauty-section .avoid-section .why-avoid-block{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .avoid-section .why-avoid-block{padding:20px}}.beauty-section .avoid-section .why-avoid-block h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .avoid-section .why-avoid-block h5{font-size:17px}}.beauty-section .avoid-section .why-avoid-block ul{margin:0;padding:0 0 0 20px}.beauty-section .avoid-section .why-avoid-block ul li{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0 0 10px 0}@media(max-width: 768px){.beauty-section .avoid-section .why-avoid-block ul li{font-size:16px}}.beauty-section .avoid-section .why-avoid-block ul li:last-child{margin-bottom:0}.beauty-section .care-section .care-content p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .care-section .care-content p{font-size:16px}}.beauty-section .care-section .care-tips-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));gap:20px;margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .care-section .care-tips-grid{grid-template-columns:1fr}}.beauty-section .care-section .care-tip-card{background:#fff;border-radius:12px;padding:25px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .care-section .care-tip-card{padding:20px}}.beauty-section .care-section .care-tip-card .care-icon{font-size:35px;margin:0 0 12px 0}@media(max-width: 768px){.beauty-section .care-section .care-tip-card .care-icon{font-size:30px}}.beauty-section .care-section .care-tip-card h5{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.beauty-section .care-section .care-tip-card h5{font-size:17px}}.beauty-section .care-section .care-tip-card p{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;text-align:left;margin:0}@media(max-width: 768px){.beauty-section .care-section .care-tip-card p{font-size:13px}}.beauty-section .avoid-shades-block{margin:40px 0 0 0;padding:30px;background:rgba(244,67,54,.05);border-radius:15px;border:2px solid rgba(244,67,54,.2)}@media(max-width: 768px){.beauty-section .avoid-shades-block{padding:25px 20px;margin:30px 0 0 0}}.beauty-section .avoid-shades-block h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#d32f2f;margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .avoid-shades-block h5{font-size:18px;margin:0 0 20px 0}}.beauty-section .avoid-shades-block .avoid-shades-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:20px;margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .avoid-shades-block .avoid-shades-grid{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:15px}}.beauty-section .avoid-shades-block .avoid-shades-grid .avoid-shade{display:flex;flex-direction:column;align-items:center;gap:10px}.beauty-section .avoid-shades-block .avoid-shades-grid .avoid-shade .shade-sample{width:80px;height:80px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15);border:2px solid rgba(244,67,54,.3)}@media(max-width: 768px){.beauty-section .avoid-shades-block .avoid-shades-grid .avoid-shade .shade-sample{width:70px;height:70px}}.beauty-section .avoid-shades-block .avoid-shades-grid .avoid-shade span{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center}@media(max-width: 768px){.beauty-section .avoid-shades-block .avoid-shades-grid .avoid-shade span{font-size:13px}}.beauty-section .avoid-shades-block .avoid-reason{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.75);line-height:175%;margin:0;font-style:italic}@media(max-width: 768px){.beauty-section .avoid-shades-block .avoid-reason{font-size:15px}}.beauty-section .eye-products-additional{display:grid;grid-template-columns:repeat(3, 1fr);gap:25px;margin:40px 0 0 0}@media(max-width: 768px){.beauty-section .eye-products-additional{grid-template-columns:1fr;gap:20px}}.beauty-section .eye-products-additional .additional-product{background:#fff;border-radius:15px;padding:25px;box-shadow:0 3px 15px rgba(0,0,0,.08);text-align:center}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product{padding:20px}}.beauty-section .eye-products-additional .additional-product .product-icon{font-size:35px;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product .product-icon{font-size:30px}}.beauty-section .eye-products-additional .additional-product h5{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product h5{font-size:17px}}.beauty-section .eye-products-additional .additional-product .product-shades{display:flex;justify-content:center;gap:10px;margin:0 0 15px 0}.beauty-section .eye-products-additional .additional-product .product-shades .shade-dot{width:40px;height:40px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product .product-shades .shade-dot{width:35px;height:35px}}.beauty-section .eye-products-additional .additional-product .product-note{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product .product-note{font-size:14px}}.beauty-section .eye-products-additional .additional-product .product-note strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .eye-products-additional .additional-product .product-note strong{font-size:14px}}.beauty-section .lips-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin:0 0 30px 0}@media(max-width: 768px){.beauty-section .lips-grid{grid-template-columns:1fr;gap:25px}}.beauty-section .lips-grid .lips-category{background:#fff;border-radius:15px;padding:30px;box-shadow:0 3px 15px rgba(0,0,0,.08)}@media(max-width: 768px){.beauty-section .lips-grid .lips-category{padding:25px 20px}}.beauty-section .lips-grid .lips-category h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;text-align:center}@media(max-width: 768px){.beauty-section .lips-grid .lips-category h5{font-size:18px;margin:0 0 20px 0}}.beauty-section .lips-grid .lips-category .lipstick-shades{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:0 0 20px 0}@media(max-width: 768px){.beauty-section .lips-grid .lips-category .lipstick-shades{grid-template-columns:1fr;gap:15px}}.beauty-section .lips-grid .lips-category .lipstick-shades .lipstick{display:flex;flex-direction:column;align-items:center;gap:10px}.beauty-section .lips-grid .lips-category .lipstick-shades .lipstick .lipstick-color{width:100%;height:60px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.12)}@media(max-width: 768px){.beauty-section .lips-grid .lips-category .lipstick-shades .lipstick .lipstick-color{height:50px}}.beauty-section .lips-grid .lips-category .lipstick-shades .lipstick .lipstick-name{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);text-align:center}@media(max-width: 768px){.beauty-section .lips-grid .lips-category .lipstick-shades .lipstick .lipstick-name{font-size:14px}}.beauty-section .lips-grid .lips-category .category-note{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0;font-style:italic;text-align:center}@media(max-width: 768px){.beauty-section .lips-grid .lips-category .category-note{font-size:14px}}.beauty-section .avoid-lips-block{margin:30px 0 0 0;padding:30px;background:rgba(244,67,54,.05);border-radius:15px;border:2px solid rgba(244,67,54,.2)}@media(max-width: 768px){.beauty-section .avoid-lips-block{padding:25px 20px}}.beauty-section .avoid-lips-block h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#d32f2f;margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .avoid-lips-block h5{font-size:18px;margin:0 0 20px 0}}.beauty-section .avoid-lips-block .avoid-lips-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:20px;margin:0 0 25px 0}@media(max-width: 768px){.beauty-section .avoid-lips-block .avoid-lips-grid{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:15px}}.beauty-section .avoid-lips-block .avoid-lips-grid .avoid-lipstick{display:flex;flex-direction:column;align-items:center;gap:10px}.beauty-section .avoid-lips-block .avoid-lips-grid .avoid-lipstick .lipstick-sample{width:80px;height:80px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15);border:2px solid rgba(244,67,54,.3)}@media(max-width: 768px){.beauty-section .avoid-lips-block .avoid-lips-grid .avoid-lipstick .lipstick-sample{width:70px;height:70px}}.beauty-section .avoid-lips-block .avoid-lips-grid .avoid-lipstick span{font-weight:400;font-size:14px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center}@media(max-width: 768px){.beauty-section .avoid-lips-block .avoid-lips-grid .avoid-lipstick span{font-size:13px}}.beauty-section .avoid-lips-block .avoid-reason{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.75);line-height:175%;margin:0;font-style:italic}@media(max-width: 768px){.beauty-section .avoid-lips-block .avoid-reason{font-size:15px}}.beauty-section .lips-additional{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:30px 0 0 0}@media(max-width: 768px){.beauty-section .lips-additional{grid-template-columns:1fr}}.beauty-section .lips-additional .lips-product{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center}@media(max-width: 768px){.beauty-section .lips-additional .lips-product{padding:20px}}.beauty-section .lips-additional .lips-product .product-icon{font-size:35px;margin:0 0 12px 0}@media(max-width: 768px){.beauty-section .lips-additional .lips-product .product-icon{font-size:30px}}.beauty-section .lips-additional .lips-product h5{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.beauty-section .lips-additional .lips-product h5{font-size:17px}}.beauty-section .lips-additional .lips-product p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0}@media(max-width: 768px){.beauty-section .lips-additional .lips-product p{font-size:14px}}.beauty-section .makeup-looks-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin:30px 0 0 0}@media(max-width: 768px){.beauty-section .makeup-looks-grid{grid-template-columns:1fr;gap:25px}}.beauty-section .makeup-look-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.beauty-section .makeup-look-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(0,0,0,.12)}.beauty-section .makeup-look-card .look-header{padding:25px;background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%);text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}@media(max-width: 768px){.beauty-section .makeup-look-card .look-header{padding:20px}}.beauty-section .makeup-look-card .look-header .look-icon{font-size:30px}@media(max-width: 768px){.beauty-section .makeup-look-card .look-header .look-icon{font-size:26px}}.beauty-section .makeup-look-card .look-header h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.beauty-section .makeup-look-card .look-header h5{font-size:18px}}.beauty-section .makeup-look-card .look-image{width:100%;height:250px;overflow:hidden;background:#f5f5f5}@media(max-width: 768px){.beauty-section .makeup-look-card .look-image{height:200px}}.beauty-section .makeup-look-card .look-image img{width:100%;height:100%;object-fit:cover}.beauty-section .makeup-look-card .look-steps{padding:25px;margin:0;list-style:none}@media(max-width: 768px){.beauty-section .makeup-look-card .look-steps{padding:20px}}.beauty-section .makeup-look-card .look-steps li{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:0 0 12px 0;padding-left:20px;position:relative}@media(max-width: 768px){.beauty-section .makeup-look-card .look-steps li{font-size:14px}}.beauty-section .makeup-look-card .look-steps li:before{content:"•";position:absolute;left:0;font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:gold}.beauty-section .makeup-look-card .look-steps li:last-child{margin-bottom:0}.beauty-section .makeup-look-card .look-steps li strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .makeup-look-card .look-steps li strong{font-size:14px}}.beauty-section .makeup-look-card .look-description{padding:0 25px 25px 25px;font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;margin:0;font-style:italic}@media(max-width: 768px){.beauty-section .makeup-look-card .look-description{padding:0 20px 20px 20px;font-size:14px}}.beauty-section .makeup-tips-final{margin:40px 0 0 0;padding:30px;background:rgba(255,218,185,.1);border-radius:15px;border-left:4px solid gold}@media(max-width: 768px){.beauty-section .makeup-tips-final{padding:25px 20px;margin:30px 0 0 0}}.beauty-section .makeup-tips-final h5{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0}@media(max-width: 768px){.beauty-section .makeup-tips-final h5{font-size:18px;margin:0 0 15px 0}}.beauty-section .makeup-tips-final ul{list-style:none;padding:0;margin:0}.beauty-section .makeup-tips-final ul li{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:175%;margin:15px 0;padding-left:25px;position:relative}@media(max-width: 768px){.beauty-section .makeup-tips-final ul li{font-size:15px;padding-left:20px}}.beauty-section .makeup-tips-final ul li:before{content:"•";position:absolute;left:0;font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:gold}.beauty-section .makeup-tips-final ul li strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.beauty-section .makeup-tips-final ul li strong{font-size:15px}}.hair-color-section{padding:80px 0}@media(max-width: 768px){.hair-color-section{padding:50px 0}}.hair-color-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 40px 0;text-align:center}@media(max-width: 768px){.hair-color-section .section-title{font-size:28px;text-align:left;margin:0 0 30px 0}}.hair-color-section .intro-text{max-width:900px;margin:0 auto 60px auto}.hair-color-section .intro-text p{font-weight:300;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.hair-color-section .intro-text p{font-size:16px}}.hair-color-section .hair-colors-grid{display:grid;grid-template-columns:1fr;gap:40px;margin:50px 0}@media(max-width: 768px){.hair-color-section .hair-colors-grid{gap:30px;margin:30px 0}}.hair-color-section .hair-color-card{background:#fff;border-radius:25px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,.08);transition:all .3s ease}@media(max-width: 768px){.hair-color-section .hair-color-card{padding:25px;border-radius:20px}}.hair-color-section .hair-color-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.12);transform:translateY(-5px)}.hair-color-section .hair-color-header{text-align:center;margin:0 0 30px 0}@media(max-width: 768px){.hair-color-section .hair-color-header{margin:0 0 25px 0}}.hair-color-section .hair-color-header .hair-color-icon{font-weight:400;font-size:50px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.hair-color-section .hair-color-header .hair-color-icon{font-size:40px;margin:0 0 12px 0}}.hair-color-section .hair-color-header h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.hair-color-section .hair-color-header h3{font-size:24px}}.hair-color-section .hair-color-header .hair-color-tagline{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.6);margin:0}@media(max-width: 768px){.hair-color-section .hair-color-header .hair-color-tagline{font-size:15px}}.hair-color-section .hair-color-content .hair-color-description{font-weight:400;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:170%;margin:0 0 30px 0;text-align:center}@media(max-width: 768px){.hair-color-section .hair-color-content .hair-color-description{font-size:16px;margin:0 0 25px 0}}.hair-color-section .hair-color-content .hair-color-description strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.hair-color-section .hair-color-content .hair-color-description strong{font-size:16px}}.hair-color-section .shades-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px}@media(max-width: 768px){.hair-color-section .shades-list{gap:15px}}.hair-color-section .shade-item{width:calc(50% - 60px);display:flex;gap:20px;align-items:flex-start;padding:20px;background:rgba(0,0,0,.02);border-radius:15px;transition:all .3s ease}@media(max-width: 768px){.hair-color-section .shade-item{width:calc(100% - 50px);gap:15px;padding:15px;border-radius:12px}}.hair-color-section .shade-item:hover{background:rgba(0,0,0,.04);transform:translateX(5px)}.hair-color-section .shade-item .shade-color{width:80px;height:80px;min-width:80px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.15)}@media(max-width: 768px){.hair-color-section .shade-item .shade-color{width:60px;height:60px;min-width:60px}}.hair-color-section .shade-item .shade-info{display:flex;flex-direction:column;gap:8px}.hair-color-section .shade-item .shade-info strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.hair-color-section .shade-item .shade-info strong{font-size:16px}}.hair-color-section .shade-item .shade-info span{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%}@media(max-width: 768px){.hair-color-section .shade-item .shade-info span{font-size:14px}}.hair-color-section .hair-color-avoid{margin:60px 0;padding:40px;background:linear-gradient(135deg, rgba(255, 59, 48, 0.03) 0%, rgba(255, 59, 48, 0.06) 100%);border-radius:25px;border:2px solid rgba(255,59,48,.1)}@media(max-width: 768px){.hair-color-section .hair-color-avoid{margin:40px 0;padding:25px;border-radius:20px}}.hair-color-section .hair-color-avoid .avoid-header{text-align:center;margin:0 0 25px 0}.hair-color-section .hair-color-avoid .avoid-header .avoid-icon{font-weight:400;font-size:50px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-header .avoid-icon{font-size:40px;margin:0 0 12px 0}}.hair-color-section .hair-color-avoid .avoid-header h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-header h3{font-size:24px}}.hair-color-section .hair-color-avoid .avoid-intro{font-weight:400;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:170%;text-align:center;margin:0 0 30px 0;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-intro{font-size:16px;margin:0 0 25px 0}}.hair-color-section .hair-color-avoid .avoid-intro strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#ff3b30}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-intro strong{font-size:16px}}.hair-color-section .hair-color-avoid .avoid-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin:0 0 30px 0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-grid{grid-template-columns:1fr;gap:20px}}.hair-color-section .hair-color-avoid .avoid-category{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05)}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-category{padding:20px}}.hair-color-section .hair-color-avoid .avoid-category h4{font-weight:600;font-size:19px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-category h4{font-size:18px}}.hair-color-section .hair-color-avoid .avoid-category ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hair-color-section .hair-color-avoid .avoid-category ul li{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%;padding-left:25px;position:relative}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-category ul li{font-size:14px}}.hair-color-section .hair-color-avoid .avoid-category ul li:before{content:"✗";position:absolute;left:0;color:#ff3b30;font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif}.hair-color-section .hair-color-avoid .avoid-category ul li strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-category ul li strong{font-size:14px}}.hair-color-section .hair-color-avoid .avoid-explanation{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05)}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation{padding:20px}}.hair-color-section .hair-color-avoid .avoid-explanation h4{font-weight:600;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 20px 0;text-align:center}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation h4{font-size:18px}}.hair-color-section .hair-color-avoid .avoid-explanation .explanation-list{display:flex;flex-direction:column;gap:15px}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation .explanation-list{gap:12px}}.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item{display:flex;gap:15px;align-items:center}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item{gap:12px}}.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item .exp-icon{font-weight:400;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;flex-shrink:0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item .exp-icon{font-size:28px}}.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item p{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:150%;margin:0}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item p{font-size:15px}}.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item p strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.hair-color-section .hair-color-avoid .avoid-explanation .explanation-item p strong{font-size:15px}}.hair-color-section .hair-care{margin:60px 0;padding:40px;background:linear-gradient(135deg, rgba(0, 123, 255, 0.03) 0%, rgba(0, 123, 255, 0.06) 100%);border-radius:25px;border:2px solid rgba(0,123,255,.1)}@media(max-width: 768px){.hair-color-section .hair-care{margin:40px 0;padding:25px;border-radius:20px}}.hair-color-section .hair-care .care-header{text-align:center;margin:0 0 25px 0}.hair-color-section .hair-care .care-header .care-icon{font-weight:400;font-size:50px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 15px 0}@media(max-width: 768px){.hair-color-section .hair-care .care-header .care-icon{font-size:40px;margin:0 0 12px 0}}.hair-color-section .hair-care .care-header h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.hair-color-section .hair-care .care-header h3{font-size:24px}}.hair-color-section .hair-care .care-intro{font-weight:400;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:170%;text-align:center;margin:0 0 30px 0;max-width:800px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.hair-color-section .hair-care .care-intro{font-size:16px;margin:0 0 25px 0}}.hair-color-section .hair-care .care-intro strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#007bff}@media(max-width: 768px){.hair-color-section .hair-care .care-intro strong{font-size:16px}}.hair-color-section .hair-care .care-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px}@media(max-width: 768px){.hair-color-section .hair-care .care-grid{grid-template-columns:1fr;gap:20px}}.hair-color-section .hair-care .care-tip{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;gap:20px;align-items:flex-start;transition:all .3s ease}@media(max-width: 768px){.hair-color-section .hair-care .care-tip{padding:20px;gap:15px}}.hair-color-section .hair-care .care-tip:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.hair-color-section .hair-care .care-tip .tip-number{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #007BFF 0%, #0056D2 100%);color:#fff;border-radius:50%;font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif}@media(max-width: 768px){.hair-color-section .hair-care .care-tip .tip-number{width:40px;height:40px;min-width:40px;font-size:18px}}.hair-color-section .hair-care .care-tip .tip-content{flex:1}.hair-color-section .hair-care .care-tip .tip-content h4{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.hair-color-section .hair-care .care-tip .tip-content h4{font-size:17px}}.hair-color-section .hair-care .care-tip .tip-content p{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:160%;margin:0}@media(max-width: 768px){.hair-color-section .hair-care .care-tip .tip-content p{font-size:14px}}.hair-color-section .hair-care .care-tip .tip-content p strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#007bff}@media(max-width: 768px){.hair-color-section .hair-care .care-tip .tip-content p strong{font-size:14px}}.subtypes-section{padding:60px 0;background:linear-gradient(135deg, rgba(232, 245, 255, 0.3) 0%, rgba(255, 240, 245, 0.3) 100%)}@media(max-width: 768px){.subtypes-section{padding:40px 0}}.subtypes-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 30px 0;text-align:center}@media(max-width: 768px){.subtypes-section .section-title{font-size:28px;text-align:left}}.subtypes-section .intro-text{max-width:900px;margin:0 auto 60px auto}@media(max-width: 768px){.subtypes-section .intro-text{margin:0 auto 40px auto}}.subtypes-section .intro-text p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 20px 0}@media(max-width: 768px){.subtypes-section .intro-text p{font-size:16px}}.subtypes-section .intro-text p:last-child{margin-bottom:0}.subtypes-section .intro-text p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .intro-text p strong{font-size:16px}}.subtypes-section .subtypes-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;margin:0 0 60px 0}@media(max-width: 768px){.subtypes-section .subtypes-grid{grid-template-columns:1fr;gap:25px}}.subtypes-section .subtype-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.subtypes-section .subtype-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.subtypes-section .subtype-card.cold-summer .subtype-header{background:linear-gradient(135deg, #B4D4E8 0%, #8AB4D4 100%)}.subtypes-section .subtype-card.soft-summer .subtype-header{background:linear-gradient(135deg, #C8C8B8 0%, #A8B8A8 100%)}.subtypes-section .subtype-card.light-summer .subtype-header{background:linear-gradient(135deg, #F5D5E5 0%, #E8C8D8 100%)}.subtypes-section .subtype-header{padding:35px 30px;text-align:center;color:#fff}@media(max-width: 768px){.subtypes-section .subtype-header{padding:30px 25px}}.subtypes-section .subtype-header .subtype-icon{font-size:50px;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .subtype-header .subtype-icon{font-size:45px}}.subtypes-section .subtype-header h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 8px 0;color:#fff}@media(max-width: 768px){.subtypes-section .subtype-header h3{font-size:24px}}.subtypes-section .subtype-header .subtype-tagline{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0;opacity:.95}@media(max-width: 768px){.subtypes-section .subtype-header .subtype-tagline{font-size:15px}}.subtypes-section .subtype-content{padding:30px}@media(max-width: 768px){.subtypes-section .subtype-content{padding:25px 20px}}.subtypes-section .subtype-characteristics{margin:0 0 30px 0}.subtypes-section .subtype-characteristics h4{font-weight:600;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .subtype-characteristics h4{font-size:19px}}.subtypes-section .subtype-characteristics .subtype-description{font-weight:300;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 20px 0}@media(max-width: 768px){.subtypes-section .subtype-characteristics .subtype-description{font-size:15px}}.subtypes-section .subtype-characteristics .subtype-description strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .subtype-characteristics .subtype-description strong{font-size:15px}}.subtypes-section .characteristics-list{display:flex;flex-direction:column;gap:15px}.subtypes-section .characteristic-item{display:flex;gap:15px;align-items:start;padding:15px;background:rgba(0,0,0,.02);border-radius:12px;border-left:3px solid rgba(0,0,0,.1)}@media(max-width: 768px){.subtypes-section .characteristic-item{padding:12px;gap:12px}}.subtypes-section .characteristic-item .char-icon{font-size:24px;flex-shrink:0}@media(max-width: 768px){.subtypes-section .characteristic-item .char-icon{font-size:22px}}.subtypes-section .characteristic-item .char-content{flex:1;font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:165%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.subtypes-section .characteristic-item .char-content{font-size:16px}}.subtypes-section .characteristic-item .char-content strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;display:inline}@media(max-width: 768px){.subtypes-section .characteristic-item .char-content strong{font-size:16px}}.subtypes-section .subtype-palette{margin:0 0 30px 0}.subtypes-section .subtype-palette h4{font-weight:600;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .subtype-palette h4{font-size:19px}}.subtypes-section .subtype-palette .palette-description{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:165%;color:rgba(0,0,0,.8);margin:0 0 20px 0}@media(max-width: 768px){.subtypes-section .subtype-palette .palette-description{font-size:16px}}.subtypes-section .subtype-palette .palette-description strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .subtype-palette .palette-description strong{font-size:16px}}.subtypes-section .color-palette{display:flex;flex-wrap:wrap;grid-template-columns:repeat(3, 1fr);gap:12px;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .color-palette{grid-template-columns:repeat(2, 1fr);gap:10px}}.subtypes-section .color-swatch{width:calc(50% - 32px);height:80px;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}@media(max-width: 768px){.subtypes-section .color-swatch{height:70px;padding:8px}}.subtypes-section .color-swatch:hover{transform:translateY(-3px)}.subtypes-section .color-swatch .color-name{font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);text-align:center;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:15px}@media(max-width: 768px){.subtypes-section .color-swatch .color-name{font-size:12px;padding:4px 8px}}.subtypes-section .palette-tip{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:165%;padding:12px 15px;background:rgba(0,123,255,.05);border-radius:8px;border-left:3px solid rgba(0,123,255,.3)}@media(max-width: 768px){.subtypes-section .palette-tip{font-size:13px}}.subtypes-section .palette-tip strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .palette-tip strong{font-size:13px}}.subtypes-section .celebrities{margin:0 0 25px 0}.subtypes-section .celebrities h4{font-weight:600;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .celebrities h4{font-size:19px}}.subtypes-section .celebrities-list{display:flex;flex-direction:column;gap:10px}.subtypes-section .celebrity-item{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:165%;padding:10px 15px;background:rgba(0,0,0,.02);border-radius:8px}@media(max-width: 768px){.subtypes-section .celebrity-item{font-size:16px;padding:8px 12px}}.subtypes-section .celebrity-item .celebrity-name{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .celebrity-item .celebrity-name{font-size:16px}}.subtypes-section .celebrity-item .celebrity-desc{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.6);font-style:italic}@media(max-width: 768px){.subtypes-section .celebrity-item .celebrity-desc{font-size:16px}}.subtypes-section .subtype-link{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#007bff;text-decoration:none;padding:15px 20px;background:rgba(0,123,255,.05);border-radius:10px;transition:all .3s ease}@media(max-width: 768px){.subtypes-section .subtype-link{font-size:15px;padding:13px 18px}}.subtypes-section .subtype-link:hover{background:rgba(0,123,255,.1);transform:translateX(5px)}.subtypes-section .subtype-link svg{flex-shrink:0;transition:transform .3s ease}.subtypes-section .subtype-link:hover svg{transform:translateX(5px)}.subtypes-section .cta-box-subtypes{max-width:900px;margin:0 auto;padding:50px 40px;background:linear-gradient(135deg, rgba(0, 123, 255, 0.05) 0%, rgba(186, 104, 200, 0.05) 100%);border-radius:25px;border:2px solid rgba(0,123,255,.15)}@media(max-width: 768px){.subtypes-section .cta-box-subtypes{padding:35px 25px}}.subtypes-section .cta-content-subtypes{text-align:center}.subtypes-section .cta-content-subtypes .cta-visual-subtypes{width:90px;height:90px;margin:0 auto 25px auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #007BFF 0%, #0056D2 100%);border-radius:50%;box-shadow:0 5px 20px rgba(0,123,255,.3)}@media(max-width: 768px){.subtypes-section .cta-content-subtypes .cta-visual-subtypes{width:70px;height:70px;margin:0 auto 20px auto}}.subtypes-section .cta-content-subtypes .cta-visual-subtypes svg{width:50px;height:50px;color:#fff}@media(max-width: 768px){.subtypes-section .cta-content-subtypes .cta-visual-subtypes svg{width:40px;height:40px}}.subtypes-section .cta-content-subtypes h3{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.subtypes-section .cta-content-subtypes h3{font-size:26px}}.subtypes-section .cta-content-subtypes>p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:170%;margin:0 0 30px 0}@media(max-width: 768px){.subtypes-section .cta-content-subtypes>p{font-size:16px}}.subtypes-section .cta-content-subtypes>p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.subtypes-section .cta-content-subtypes>p strong{font-size:16px}}.subtypes-section .cta-features-subtypes{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;margin:0 0 30px 0;max-width:700px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.subtypes-section .cta-features-subtypes{grid-template-columns:1fr;gap:12px}}.subtypes-section .feature-item-subtypes{display:flex;align-items:center;gap:10px;font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);text-align:left;padding:12px 15px;background:rgba(255,255,255,.7);border-radius:10px}@media(max-width: 768px){.subtypes-section .feature-item-subtypes{font-size:16px;padding:10px 12px}}.subtypes-section .feature-item-subtypes .feature-icon{font-weight:600;font-size:18px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#28a745;flex-shrink:0}@media(max-width: 768px){.subtypes-section .feature-item-subtypes .feature-icon{font-size:16px}}.subtypes-section .cta-buttons-subtypes{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:0 0 20px 0}@media(max-width: 768px){.subtypes-section .cta-buttons-subtypes{flex-direction:column;gap:12px}}.subtypes-section .btn-primary-subtypes,.subtypes-section .btn-secondary-subtypes{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;min-width:220px}@media(max-width: 768px){.subtypes-section .btn-primary-subtypes,.subtypes-section .btn-secondary-subtypes{font-size:16px;padding:16px 28px;width:calc(100% - 56px);min-width:auto}}.subtypes-section .btn-primary-subtypes:hover,.subtypes-section .btn-secondary-subtypes:hover{transform:translateY(-3px)}.subtypes-section .btn-primary-subtypes:active,.subtypes-section .btn-secondary-subtypes:active{transform:translateY(-1px)}.subtypes-section .btn-primary-subtypes{background:linear-gradient(135deg, #007BFF 0%, #0056D2 100%);color:#fff;box-shadow:0 4px 15px rgba(0,123,255,.3)}.subtypes-section .btn-primary-subtypes:hover{box-shadow:0 6px 20px rgba(0,123,255,.4)}.subtypes-section .btn-secondary-subtypes{background:rgba(0,0,0,0);color:#007bff;border:2px solid #007bff;box-shadow:none}.subtypes-section .btn-secondary-subtypes:hover{background:rgba(0,123,255,.05)}.subtypes-section .cta-note{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.5);margin:0;font-style:italic}@media(max-width: 768px){.subtypes-section .cta-note{font-size:13px}}.subtypes-section .bright-spring .subtype-header{background:linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .bright-spring .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .bright-spring .subtype-header .subtype-icon{color:#fff}.subtypes-section .bright-spring .subtype-header h3{color:#fff}.subtypes-section .bright-spring .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .warm-spring .subtype-header{background:linear-gradient(135deg, #F4A460 0%, #DAA520 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .warm-spring .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .warm-spring .subtype-header .subtype-icon{color:#fff}.subtypes-section .warm-spring .subtype-header h3{color:#fff}.subtypes-section .warm-spring .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .light-spring .subtype-header{background:linear-gradient(135deg, #FFD4A3 0%, #FFC4B0 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .light-spring .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .light-spring .subtype-header .subtype-icon{color:#8b4513}.subtypes-section .light-spring .subtype-header h3{color:#8b4513}.subtypes-section .light-spring .subtype-header .subtype-tagline{color:rgba(139,69,19,.85)}.subtypes-section .cold-summer .subtype-header{background:linear-gradient(135deg, #B4C7E7 0%, #9BB7D4 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .cold-summer .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .cold-summer .subtype-header .subtype-icon{color:#fff}.subtypes-section .cold-summer .subtype-header h3{color:#fff}.subtypes-section .cold-summer .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .soft-summer .subtype-header{background:linear-gradient(135deg, #C8AED0 0%, #B8A0C5 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .soft-summer .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .soft-summer .subtype-header .subtype-icon{color:#fff}.subtypes-section .soft-summer .subtype-header h3{color:#fff}.subtypes-section .soft-summer .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .light-summer .subtype-header{background:linear-gradient(135deg, #D4E4F7 0%, #C5D9ED 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .light-summer .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .light-summer .subtype-header .subtype-icon{color:#4a5568}.subtypes-section .light-summer .subtype-header h3{color:#4a5568}.subtypes-section .light-summer .subtype-header .subtype-tagline{color:rgba(74,85,104,.85)}.subtypes-section .warm-autumn .subtype-header{background:linear-gradient(135deg, #CD7F32 0%, #B8722D 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .warm-autumn .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .warm-autumn .subtype-header .subtype-icon{color:#fff}.subtypes-section .warm-autumn .subtype-header h3{color:#fff}.subtypes-section .warm-autumn .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .soft-autumn .subtype-header{background:linear-gradient(135deg, #A0826D 0%, #8E7358 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .soft-autumn .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .soft-autumn .subtype-header .subtype-icon{color:#fff}.subtypes-section .soft-autumn .subtype-header h3{color:#fff}.subtypes-section .soft-autumn .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .dark-autumn .subtype-header{background:linear-gradient(135deg, #6B4423 0%, #5C3A1F 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .dark-autumn .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .dark-autumn .subtype-header .subtype-icon{color:#fff}.subtypes-section .dark-autumn .subtype-header h3{color:#fff}.subtypes-section .dark-autumn .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .true-winter .subtype-header{background:linear-gradient(135deg, #4a90e2 0%, #5da5ff 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .true-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .true-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .true-winter .subtype-header h3{color:#fff}.subtypes-section .true-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .bright-winter .subtype-header{background:linear-gradient(135deg, #e056fd 0%, #f39bff 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .bright-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .bright-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .bright-winter .subtype-header h3{color:#fff}.subtypes-section .bright-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .deep-winter .subtype-header{background:linear-gradient(135deg, #2c3e50 0%, #4a5f7f 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .deep-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .deep-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .deep-winter .subtype-header h3{color:#fff}.subtypes-section .deep-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .bright-winter .subtype-header{background:linear-gradient(135deg, #E91E63 0%, #C2185B 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .bright-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .bright-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .bright-winter .subtype-header h3{color:#fff}.subtypes-section .bright-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .cool-winter .subtype-header{background:linear-gradient(135deg, #3F51B5 0%, #303F9F 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .cool-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .cool-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .cool-winter .subtype-header h3{color:#fff}.subtypes-section .cool-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.subtypes-section .dark-winter .subtype-header{background:linear-gradient(135deg, #2C3E50 0%, #1A252F 100%);padding:30px 25px;border-radius:20px 20px 0 0;margin:-20px -40px 30px -40px}@media(max-width: 768px){.subtypes-section .dark-winter .subtype-header{padding:25px 20px;margin:-25px -25px 25px -25px;border-radius:15px 15px 0 0}}.subtypes-section .dark-winter .subtype-header .subtype-icon{color:#fff}.subtypes-section .dark-winter .subtype-header h3{color:#fff}.subtypes-section .dark-winter .subtype-header .subtype-tagline{color:rgba(255,255,255,.95)}.comparison-section{padding:60px 0;background:#fff}@media(max-width: 768px){.comparison-section{padding:40px 0}}.comparison-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 25px 0;text-align:center}@media(max-width: 768px){.comparison-section .section-title{font-size:28px;text-align:left}}.comparison-section .intro-text{max-width:800px;margin:0 auto 50px auto;text-align:center}@media(max-width: 768px){.comparison-section .intro-text{text-align:left;margin:0 auto 35px auto}}.comparison-section .intro-text p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0}@media(max-width: 768px){.comparison-section .intro-text p{font-size:16px}}.comparison-section .intro-text p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.comparison-section .intro-text p strong{font-size:16px}}.comparison-section .comparison-cards{display:flex;flex-direction:column;gap:40px;margin:0 0 50px 0}@media(max-width: 768px){.comparison-section .comparison-cards{gap:30px}}.comparison-section .comparison-card{background:#fff;border-radius:20px;box-shadow:0 5px 25px rgba(0,0,0,.08);overflow:hidden;border:2px solid rgba(0,0,0,.05)}@media(max-width: 768px){.comparison-section .comparison-card{border-radius:15px}}.comparison-section .comparison-header{padding:30px;text-align:center;background:linear-gradient(135deg, rgba(180, 212, 232, 0.15) 0%, rgba(245, 213, 229, 0.15) 100%)}@media(max-width: 768px){.comparison-section .comparison-header{padding:25px 20px}}.comparison-section .comparison-header .vs-types{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 15px 0;flex-wrap:wrap}@media(max-width: 768px){.comparison-section .comparison-header .vs-types{gap:10px}}.comparison-section .comparison-header .type-badge{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:10px 20px;border-radius:25px;color:#fff}@media(max-width: 768px){.comparison-section .comparison-header .type-badge{font-size:15px;padding:8px 18px}}.comparison-section .comparison-header .type-badge.summer{background:linear-gradient(135deg, #B4D4E8 0%, #8AB4D4 100%)}.comparison-section .comparison-header .type-badge.spring{background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%)}.comparison-section .comparison-header .type-badge.winter{background:linear-gradient(135deg, #4A4A6A 0%, #2A2A4A 100%)}.comparison-section .comparison-header .vs-divider{font-weight:700;font-size:20px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.3)}@media(max-width: 768px){.comparison-section .comparison-header .vs-divider{font-size:18px}}.comparison-section .comparison-header h3{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0}@media(max-width: 768px){.comparison-section .comparison-header h3{font-size:22px}}.comparison-section .comparison-content{padding:35px 30px}@media(max-width: 768px){.comparison-section .comparison-content{padding:25px 20px}}.comparison-section .comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 0 25px 0}@media(max-width: 768px){.comparison-section .comparison-grid{grid-template-columns:1fr;gap:25px}}.comparison-section .type-column h4{font-weight:600;font-size:22px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;margin:0 0 20px 0;padding-bottom:12px;border-bottom:3px solid}@media(max-width: 768px){.comparison-section .type-column h4{font-size:20px}}.comparison-section .type-column.summer-col h4{color:#5b9bd5;border-bottom-color:#b4d4e8}.comparison-section .type-column.spring-col h4{color:orange;border-bottom-color:gold}.comparison-section .type-column.winter-col h4{color:#4a4a6a;border-bottom-color:#7a7a9a}.comparison-section .comparison-list{display:flex;flex-direction:column;gap:15px}@media(max-width: 768px){.comparison-section .comparison-list{gap:12px}}.comparison-section .comparison-item{display:flex;gap:12px;align-items:start}@media(max-width: 768px){.comparison-section .comparison-item{gap:10px}}.comparison-section .comparison-item .item-icon{font-size:22px;flex-shrink:0;line-height:1}@media(max-width: 768px){.comparison-section .comparison-item .item-icon{font-size:20px}}.comparison-section .comparison-item .item-text{flex:1;font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:165%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.comparison-section .comparison-item .item-text{font-size:16px}}.comparison-section .comparison-item .item-text strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.comparison-section .comparison-item .item-text strong{font-size:16px}}.comparison-section .quick-test{font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:170%;color:rgba(0,0,0,.8);padding:18px 20px;background:linear-gradient(135deg, rgba(255, 235, 59, 0.15) 0%, rgba(255, 193, 7, 0.15) 100%);border-radius:12px;border-left:4px solid #ffc107;margin:0 0 20px 0}@media(max-width: 768px){.comparison-section .quick-test{font-size:15px;padding:15px 18px}}.comparison-section .quick-test strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.comparison-section .quick-test strong{font-size:15px}}.comparison-section .learn-more-link{display:inline-flex;align-items:center;font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#007bff;text-decoration:none;transition:all .3s ease}@media(max-width: 768px){.comparison-section .learn-more-link{font-size:15px}}.comparison-section .learn-more-link:hover{color:#0056d2;transform:translateX(5px)}.comparison-section .quick-comparison-autumn{max-width:900px;margin:0 auto 50px auto;padding:35px;background:linear-gradient(135deg, rgba(139, 69, 19, 0.05) 0%, rgba(210, 180, 140, 0.05) 100%);border-radius:20px;border:2px solid rgba(139,69,19,.1)}@media(max-width: 768px){.comparison-section .quick-comparison-autumn{padding:25px 20px}}.comparison-section .quick-comparison-autumn h3{font-weight:600;font-size:26px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;text-align:center}@media(max-width: 768px){.comparison-section .quick-comparison-autumn h3{font-size:22px;text-align:left}}.comparison-section .autumn-comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:0 0 20px 0}@media(max-width: 768px){.comparison-section .autumn-comparison{grid-template-columns:1fr;gap:20px}}.comparison-section .autumn-block{padding:20px;background:#fff;border-radius:12px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.06)}@media(max-width: 768px){.comparison-section .autumn-block{padding:18px}}.comparison-section .autumn-block .autumn-icon{font-size:40px;margin:0 0 12px 0}@media(max-width: 768px){.comparison-section .autumn-block .autumn-icon{font-size:35px}}.comparison-section .autumn-block p{font-weight:400;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:170%;color:rgba(0,0,0,.8);margin:0}@media(max-width: 768px){.comparison-section .autumn-block p{font-size:16px}}.comparison-section .autumn-block p strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.comparison-section .autumn-block p strong{font-size:16px}}.comparison-section .autumn-note{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.6);text-align:center;font-style:italic;margin:0 0 15px 0}@media(max-width: 768px){.comparison-section .autumn-note{font-size:16px}}.comparison-section .cta-box-comparison{max-width:700px;margin:0 auto;padding:40px 35px;background:linear-gradient(135deg, rgba(255, 152, 0, 0.08) 0%, rgba(255, 87, 34, 0.08) 100%);border-radius:20px;border:2px solid rgba(255,152,0,.2);text-align:center}@media(max-width: 768px){.comparison-section .cta-box-comparison{padding:30px 25px}}.comparison-section .cta-box-comparison .cta-icon-comparison{font-size:50px;margin:0 0 20px 0}@media(max-width: 768px){.comparison-section .cta-box-comparison .cta-icon-comparison{font-size:45px}}.comparison-section .cta-box-comparison h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.comparison-section .cta-box-comparison h3{font-size:24px}}.comparison-section .cta-box-comparison p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:170%;margin:0 0 25px 0}@media(max-width: 768px){.comparison-section .cta-box-comparison p{font-size:16px}}.comparison-section .cta-box-comparison p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.comparison-section .cta-box-comparison p strong{font-size:16px}}.comparison-section .cta-buttons-comparison{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.comparison-section .cta-buttons-comparison{flex-direction:column;gap:12px}}.comparison-section .btn-upload-comparison,.comparison-section .btn-test-comparison{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;min-width:220px}@media(max-width: 768px){.comparison-section .btn-upload-comparison,.comparison-section .btn-test-comparison{font-size:16px;padding:16px 28px;width:calc(100% - 56px);min-width:auto}}.comparison-section .btn-upload-comparison:hover,.comparison-section .btn-test-comparison:hover{transform:translateY(-3px)}.comparison-section .btn-upload-comparison:active,.comparison-section .btn-test-comparison:active{transform:translateY(-1px)}.comparison-section .btn-upload-comparison{background:linear-gradient(135deg, #FF9800 0%, #F57C00 100%);color:#fff;box-shadow:0 4px 15px rgba(255,152,0,.3)}.comparison-section .btn-upload-comparison:hover{box-shadow:0 6px 20px rgba(255,152,0,.4)}.comparison-section .btn-test-comparison{background:rgba(0,0,0,0);color:#ff9800;border:2px solid #ff9800;box-shadow:none}.comparison-section .btn-test-comparison:hover{background:rgba(255,152,0,.05)}.comparison-section .type-badge.spring{background:linear-gradient(135deg, #FFD4A3 0%, #FFC4B0 100%);color:#8b4513}@media(max-width: 768px){.comparison-section .type-badge.spring{background:linear-gradient(135deg, #FFD4A3 0%, #FFC4B0 100%)}}.comparison-section .type-badge.autumn{background:linear-gradient(135deg, #CD7F32 0%, #B8722D 100%);color:#fff}@media(max-width: 768px){.comparison-section .type-badge.autumn{background:linear-gradient(135deg, #CD7F32 0%, #B8722D 100%)}}.comparison-section .type-column.spring-col{background:rgba(255,212,163,.03)}.comparison-section .type-column.spring-col h4{color:#d2691e}.comparison-section .type-column.autumn-col{background:rgba(205,127,50,.03)}.comparison-section .type-column.autumn-col h4{color:#cd7f32}.comparison-section .type-column.winter-col{background:rgba(63,81,181,.03)}.comparison-section .type-column.winter-col h4{color:#3f51b5}.celebrities-section{padding:60px 0;background:linear-gradient(135deg, rgba(245, 213, 229, 0.1) 0%, rgba(232, 245, 255, 0.1) 100%)}@media(max-width: 768px){.celebrities-section{padding:40px 0}}.celebrities-section .section-title{font-weight:600;font-size:35px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;line-height:135%;margin:0 0 25px 0;text-align:center}@media(max-width: 768px){.celebrities-section .section-title{font-size:28px;text-align:left}}.celebrities-section .intro-text{max-width:900px;margin:0 auto 50px auto;text-align:center}@media(max-width: 768px){.celebrities-section .intro-text{text-align:left;margin:0 auto 35px auto}}.celebrities-section .intro-text p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0}@media(max-width: 768px){.celebrities-section .intro-text p{font-size:16px}}.celebrities-section .celebrities-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:25px;margin:0 0 60px 0}@media(max-width: 768px){.celebrities-section .celebrities-grid{grid-template-columns:1fr;gap:20px}}.celebrities-section .celebrity-card{width:calc(25% - 25px);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}@media(max-width: 768px){.celebrities-section .celebrity-card{width:100%}}.celebrities-section .celebrity-card:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,.12)}.celebrities-section .celebrity-photo-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:10px;position:relative;overflow:hidden}.celebrities-section .celebrity-photo-placeholder .photo-icon img{width:100%;height:100%;object-fit:cover}@media(max-width: 768px){.celebrities-section .celebrity-photo-placeholder .photo-icon{font-size:50px}}.celebrities-section .celebrity-photo-placeholder .photo-note{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.5);margin:0}@media(max-width: 768px){.celebrities-section .celebrity-photo-placeholder .photo-note{font-size:16px}}.celebrities-section .celebrity-info{padding:20px}@media(max-width: 768px){.celebrities-section .celebrity-info{padding:18px}}.celebrities-section .celebrity-info h3{font-weight:600;font-size:21px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 10px 0}@media(max-width: 768px){.celebrities-section .celebrity-info h3{font-size:19px}}.celebrities-section .celebrity-info .celebrity-description{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:170%;color:rgba(0,0,0,.8);margin:0}@media(max-width: 768px){.celebrities-section .celebrity-info .celebrity-description{font-size:16px}}.celebrities-section .subtype-badge{display:inline-block;font-weight:500;font-size:13px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:6px 12px;border-radius:15px;margin:0 0 12px 0;color:#fff}@media(max-width: 768px){.celebrities-section .subtype-badge{font-size:12px;padding:5px 10px}}.celebrities-section .subtype-badge.cold-summer{background:linear-gradient(135deg, #5B9BD5 0%, #4A8BC4 100%)}.celebrities-section .subtype-badge.soft-summer{background:linear-gradient(135deg, #A8B8A8 0%, #98A898 100%)}.celebrities-section .subtype-badge.light-summer{background:linear-gradient(135deg, #E8B5C8 0%, #D8A5B8 100%)}.celebrities-section .style-analysis{max-width:1000px;margin:0 auto 50px auto;padding:40px;background:#fff;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08)}@media(max-width: 768px){.celebrities-section .style-analysis{padding:30px 20px}}.celebrities-section .style-analysis h3{font-weight:600;font-size:28px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 25px 0;text-align:center}@media(max-width: 768px){.celebrities-section .style-analysis h3{font-size:24px;text-align:left}}.celebrities-section .analysis-content>p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:175%;color:rgba(0,0,0,.8);margin:0 0 30px 0}@media(max-width: 768px){.celebrities-section .analysis-content>p{font-size:16px}}.celebrities-section .analysis-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;margin:0 0 30px 0}@media(max-width: 768px){.celebrities-section .analysis-grid{grid-template-columns:1fr;gap:18px}}.celebrities-section .analysis-item{display:flex;flex:1 1 calc(25% - 60px);gap:15px;padding:20px;background:rgba(0,0,0,.02);border-radius:12px;border-left:4px solid}@media(max-width: 768px){.celebrities-section .analysis-item{padding:18px;gap:12px}}.celebrities-section .analysis-item:nth-child(1),.celebrities-section .analysis-item:nth-child(2),.celebrities-section .analysis-item:nth-child(3){border-left-color:#28a745}.celebrities-section .analysis-item:nth-child(4){border-left-color:#dc3545}.celebrities-section .analysis-item .analysis-icon{font-size:28px;flex-shrink:0;line-height:1}@media(max-width: 768px){.celebrities-section .analysis-item .analysis-icon{font-size:24px}}.celebrities-section .analysis-item .analysis-text{flex:1}.celebrities-section .analysis-item .analysis-text h4{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 8px 0}@media(max-width: 768px){.celebrities-section .analysis-item .analysis-text h4{font-size:16px}}.celebrities-section .analysis-item .analysis-text p{font-weight:300;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:170%;color:rgba(0,0,0,.8);margin:0}@media(max-width: 768px){.celebrities-section .analysis-item .analysis-text p{font-size:16px}}.celebrities-section .analysis-item .analysis-text p strong{font-weight:600;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.celebrities-section .analysis-item .analysis-text p strong{font-size:16px}}.celebrities-section .key-takeaway{display:flex;gap:15px;padding:25px;background:linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 152, 0, 0.1) 100%);border-radius:12px;border-left:4px solid #ffc107}@media(max-width: 768px){.celebrities-section .key-takeaway{padding:20px;gap:12px}}.celebrities-section .key-takeaway .takeaway-icon{font-size:32px;flex-shrink:0}@media(max-width: 768px){.celebrities-section .key-takeaway .takeaway-icon{font-size:28px}}.celebrities-section .key-takeaway .takeaway-content{flex:1;font-weight:400;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;line-height:170%;color:rgba(0,0,0,.8)}@media(max-width: 768px){.celebrities-section .key-takeaway .takeaway-content{font-size:15px}}.celebrities-section .key-takeaway .takeaway-content strong{font-weight:600;font-size:16px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;display:block;margin:0 0 8px 0}@media(max-width: 768px){.celebrities-section .key-takeaway .takeaway-content strong{font-size:15px}}.celebrities-section .cta-celebrities{max-width:700px;margin:0 auto;padding:35px 40px;background:linear-gradient(135deg, rgba(139, 195, 74, 0.1) 0%, rgba(76, 175, 80, 0.1) 100%);border-radius:20px;border:2px solid rgba(76,175,80,.2);text-align:center}@media(max-width: 768px){.celebrities-section .cta-celebrities{padding:28px 25px}}.celebrities-section .cta-celebrities p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.8);line-height:170%;margin:0 0 20px 0}@media(max-width: 768px){.celebrities-section .cta-celebrities p{font-size:16px}}.celebrities-section .cta-celebrities p strong{font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a}@media(max-width: 768px){.celebrities-section .cta-celebrities p strong{font-size:16px}}.celebrities-section .btn-cta-celebrities{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 40px;border-radius:50px;text-decoration:none;background:linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);color:#fff;box-shadow:0 4px 15px rgba(76,175,80,.3);transition:all .3s ease;cursor:pointer}@media(max-width: 768px){.celebrities-section .btn-cta-celebrities{font-size:16px;padding:16px 35px;width:100%}}.celebrities-section .btn-cta-celebrities:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(76,175,80,.4)}.celebrities-section .btn-cta-celebrities:active{transform:translateY(-1px)}.celebrities-section .subtype-badge.light-spring{background:linear-gradient(135deg, #FFE5CC 0%, #FFD4B8 100%);color:#b8722d;border:1px solid rgba(255,212,184,.4)}@media(max-width: 768px){.celebrities-section .subtype-badge.light-spring{background:linear-gradient(135deg, #FFE5CC 0%, #FFD4B8 100%)}}.celebrities-section .subtype-badge.warm-spring{background:linear-gradient(135deg, #FFB388 0%, #FF9966 100%);color:#8b4513;border:1px solid rgba(255,153,102,.4)}@media(max-width: 768px){.celebrities-section .subtype-badge.warm-spring{background:linear-gradient(135deg, #FFB388 0%, #FF9966 100%)}}.celebrities-section .subtype-badge.bright-spring{background:linear-gradient(135deg, #FF7F50 0%, #FF6347 100%);color:#fff;border:1px solid rgba(255,99,71,.4)}@media(max-width: 768px){.celebrities-section .subtype-badge.bright-spring{background:linear-gradient(135deg, #FF7F50 0%, #FF6347 100%)}}.celebrities-section .type-badge.spring{background:linear-gradient(135deg, #FFD4A3 0%, #FFC4B0 100%);color:#8b4513}@media(max-width: 768px){.celebrities-section .type-badge.spring{background:linear-gradient(135deg, #FFD4A3 0%, #FFC4B0 100%)}}.celebrities-section .type-column.spring-col{background:rgba(255,212,163,.03)}.celebrities-section .type-column.spring-col h4{color:#d2691e}.celebrities-section .cta-box-comparison.spring-cta{background:linear-gradient(135deg, rgba(255, 179, 136, 0.1) 0%, rgba(255, 153, 102, 0.1) 100%);border:2px solid rgba(255,153,102,.25)}@media(max-width: 768px){.celebrities-section .cta-box-comparison.spring-cta{padding:30px 25px}}.celebrities-section .cta-box-comparison.spring-cta .btn-upload-comparison{background:linear-gradient(135deg, #FF9966 0%, #FF7F50 100%);box-shadow:0 4px 15px rgba(255,153,102,.3)}.celebrities-section .cta-box-comparison.spring-cta .btn-upload-comparison:hover{box-shadow:0 6px 20px rgba(255,153,102,.4)}.celebrities-section .cta-box-comparison.spring-cta .btn-test-comparison{color:coral;border:2px solid coral}.celebrities-section .cta-box-comparison.spring-cta .btn-test-comparison:hover{background:rgba(255,127,80,.05)}.img-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.img-list .item{max-width:calc(50% - 10px);max-height:500px}.img-list .item img{width:100%;height:100%;object-fit:cover}.cta-box-beauty{max-width:800px;margin:50px auto 0 auto;padding:50px 40px;background:linear-gradient(135deg, rgba(221, 160, 221, 0.1) 0%, rgba(186, 104, 200, 0.1) 100%);border-radius:25px;border:2px solid rgba(186,104,200,.2);text-align:center}@media(max-width: 768px){.cta-box-beauty{padding:35px 25px}}.cta-box-beauty .cta-visual-beauty{width:90px;height:90px;margin:0 auto 25px auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #BA68C8 0%, #9C27B0 100%);border-radius:50%}@media(max-width: 768px){.cta-box-beauty .cta-visual-beauty{width:70px;height:70px;margin:0 auto 20px auto}}.cta-box-beauty .cta-visual-beauty svg{width:50px;height:50px;color:#fff}@media(max-width: 768px){.cta-box-beauty .cta-visual-beauty svg{width:40px;height:40px}}.cta-box-beauty h3{font-weight:600;font-size:32px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:#0a0a0a;margin:0 0 15px 0}@media(max-width: 768px){.cta-box-beauty h3{font-size:26px}}.cta-box-beauty p{font-weight:300;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7);line-height:170%;margin:0 0 25px 0}@media(max-width: 768px){.cta-box-beauty p{font-size:16px}}.cta-box-beauty .cta-features-mini{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 0 30px 0}@media(max-width: 768px){.cta-box-beauty .cta-features-mini{flex-direction:column;gap:10px}}.cta-box-beauty .cta-features-mini .feature-mini{font-weight:500;font-size:15px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;color:rgba(0,0,0,.7)}@media(max-width: 768px){.cta-box-beauty .cta-features-mini .feature-mini{font-size:16px}}.cta-box-beauty .cta-buttons-beauty{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.cta-box-beauty .cta-buttons-beauty{flex-direction:column;gap:12px}}.cta-box-beauty .btn-get-report,.cta-box-beauty .btn-view-example{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:17px;line-height:normal;letter-spacing:normal;text-transform:none;font-family:"Roboto",sans-serif,sans-serif;padding:16px 32px;border-radius:50px;text-decoration:none;transition:all .3s ease;cursor:pointer;min-width:220px}@media(max-width: 768px){.cta-box-beauty .btn-get-report,.cta-box-beauty .btn-view-example{font-size:16px;padding:16px 28px;width:calc(100% - 56px);min-width:auto}}.cta-box-beauty .btn-get-report:hover,.cta-box-beauty .btn-view-example:hover{transform:translateY(-3px)}.cta-box-beauty .btn-get-report:active,.cta-box-beauty .btn-view-example:active{transform:translateY(-1px)}.cta-box-beauty .btn-get-report{background:linear-gradient(135deg, #BA68C8 0%, #9C27B0 100%);color:#fff;box-shadow:0 4px 15px rgba(186,104,200,.3)}.cta-box-beauty .btn-get-report:hover{box-shadow:0 6px 20px rgba(186,104,200,.4)}.cta-box-beauty .btn-view-example{background:rgba(0,0,0,0);color:#9c27b0;border:2px solid #9c27b0;box-shadow:none}.cta-box-beauty .btn-view-example:hover{background:rgba(186,104,200,.05)}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;margin:30px 0}@media(max-width: 768px){.comparison-cards{grid-template-columns:1fr;gap:15px}}.comparison-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.comparison-card .card-header{padding:15px 20px;font-family:"Kanit",sans-serif;font-weight:600;font-size:16px;color:#fff;text-align:center}.comparison-card .card-header.low{background:#ff5252}.comparison-card .card-header.medium{background:#ffb74d;color:#333}.comparison-card .card-header.high{background:#a7ff99;color:#333}.comparison-card .card-content{padding:20px}.comparison-card .card-content p{margin:0;font-family:"Kanit",sans-serif;font-size:15px;line-height:1.6;color:#333}@media(max-width: 768px){.comparison-card .card-content p{font-size:14px}}.faq-list{display:flex;flex-direction:column;justify-content:space-between}.faq-list details{border:1px solid var(--black, #121212);background:var(--colors-white, #FFF);border-radius:12px;padding:40px 32px;margin-bottom:16px;cursor:pointer}.faq-list details summary{font-size:24px;font-weight:500;line-height:100%;color:var(--black, #121212);font-style:normal}.faq-list details summary i{font-style:normal}