html,body{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background:#fff}table{border-collapse:separate;border-spacing:0}table,th,td{vertical-align:middle}th,td,caption{text-align:left;font-weight:400}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}address,caption,cite,code,dfn,em,i,th,var{font-style:normal}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}fieldset,img{border:none}img{vertical-align:middle;font-size:12px;line-height:1em;color:#999;text-align:left;overflow:hidden;-ms-interpolation-mode:bicubic}iframe{border:none;margin:0;padding:0}ol,ul{list-style:none}.container{width:1280px;margin:0 auto;text-align:left}#exposeMask{background-color:rgba(0,0,0,.5);background-image:url(/common/images/loading/spacer.png);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000')}body{font-size:14px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.adiframe{overflow:hidden}.adiframe::-webkit-scrollbar{display:none}a{text-decoration:none}a:active{outline:none}a.green:link,a.green:visited,.green{color:#060}a.green:hover,a.green:active{color:#f60}a.aqua:link,a.aqua:visited,.aqua{color:#8b3}a.aqua:hover,a.aqua:active{color:#f60}a.white:link,a.white:visited,.white{color:#fff}a.white:hover,a.white:active{color:#fff}a.red:link,a.red:visited,.red{color:#fe4300}a.red:hover,a.red:active{color:#f60}a.pink:link,a.pink:visited,.pink{color:#f69}a.pink:hover,a.pink:active{color:#f60}a.blue:link,a.blue:visited,.blue{color:#0087d5}a.blue:hover,a.blue:active{color:#f60}a.orange:link,a.orange:visited,.orange{color:#f60}a.orange:hover,a.orange:active{color:#f60}a.yellow:link,a.yellow:visited,.yellow{color:#ff0}a.yellow:hover,a.yellow:active{color:#fff}a.zero:link,a.zero:visited,.zero{color:#000}a.zero:hover,a.zero:active{color:#f60}a.three:link,a.three:visited,.three{color:#333}a.three:hover,a.three:active{color:#f60}a.six:link,a.six:visited,.six{color:#666}a.six:hover,a.six:active{color:#f60}a.nine:link,a.nine:visited,.nine{color:#999}a.nine:hover,a.nine:active{color:#f60}a.ccc:link,a.ccc:visited,.ccc{color:#ccc}a.ccc:hover,a.ccc:active{color:#f60}a.under:link,a.under:visited{text-decoration:none}a.under:hover,a.under:active{text-decoration:underline}a.underline:link,a.underline:visited{text-decoration:underline}a.underline:hover,a.underline:active{text-decoration:underline}.arial{font-family:Helvetica,Arial,SimSun}.tahoma{font-family:Tahoma,Geneva,'SimSun',sans-serif}.yahei{font-family:'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif}.simsun{font-family:'SimSun',sans-serif}.money{font-family:Helvetica,Arial,'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif}.bold{font-weight:700}.center{text-align:center}button,input,select,textarea{font-family:Helvetica,Arial,'SimSun';line-height:normal}button,input{*overflow:visible;_overflow:inherit}textarea{overflow:auto;vertical-align:top;resize:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{vertical-align:-2px;margin:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=date]{-webkit-appearance:textarea}input::-ms-clear{display:none}:-ms-input-placeholder{color:#bcbcbc}:-moz-placeholder{color:#bcbcbc}::-moz-placeholder{color:#bcbcbc}::-webkit-input-placeholder{color:#bcbcbc;line-height:normal}@media(-webkit-min-device-pixel-ratio:0){input{line-height:normal}}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0;border:none;font-size:0;overflow:hidden}hr.space{background:#fff;color:#fff;visibility:hidden}.mid{vertical-align:middle}.ht{margin:0;padding:0;height:0;list-style:none;text-indent:-9999px;overflow:hidden}.ellipsis{-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l{float:left}.r{float:right}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clear-s{clear:both}.clear5{clear:both;overflow:hidden;height:5px}.clear10{clear:both;overflow:hidden;height:10px}.clear15{clear:both;overflow:hidden;height:15px}.clear20{clear:both;overflow:hidden;height:20px}.clear25{clear:both;overflow:hidden;height:25px}.clear30{clear:both;overflow:hidden;height:30px}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0}.clearfix,.container{*zoom:1;}.text-toast{position:fixed;z-index:1002;left:0;display:block;word-break:break-all;padding:10px 20px;opacity:0;max-width:90%;background:rgba(0,0,0,.8);color:#fff;font-size:14px;line-height:18px;text-align:center;border-radius:3px;overflow:hidden;top:45%;margin-top:-50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-transform:translateZ(0);-webkit-user-select:none;-webkit-user-drag:none;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-webkit-transform:translateY(0px);-webkit-transform:translateY(0px);-webkit-transform:translateY(-10000px)}@-webkit-keyframes text-toast-on{0%{opacity:0;-webkit-transform:translateY(20px)}20%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0)}98%{opacity:.1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(-10000px)}}@keyframes text-toast-on{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}98%{opacity:.1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(-10000px)}}.text-toast-on{-webkit-animation-name:text-toast-on;animation-name:text-toast-on}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}@supports (padding-bottom:constant(safe-area-inset-bottom)){body{padding-bottom:constant(safe-area-inset-bottom)}}@supports (padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}[v-cloak]{display:none}button{background-color:transparent;border:none;padding:0;margin:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px;padding-left:2rem;padding-right:2rem}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;background-color:#f9fafb}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none;font-family:inherit}.clearfix:after{content:"";display:table;clear:both}:root{--color-primary:#1a1a1a;--color-primary-light:#2a2a2a;--color-accent:#ff6b35;--color-accent-hover:#ff8555;--color-accent-light:#ffe8dd;--color-surface:#f5f5f5;--color-surface-alt:#ebebeb;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#777;--color-border:#ddd;--color-white:#fff;--color-overlay:rgba(26,26,26,.85);--font-display:'Libre Baskerville',Georgia,serif;--font-body:'Work Sans',-apple-system,sans-serif;--max-width:1440px;--header-height:72px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--shadow-card:0 4px 20px rgba(26,26,26,.08);--shadow-card-hover:0 8px 32px rgba(26,26,26,.15);--shadow-elevated:0 12px 40px rgba(26,26,26,.2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(26,26,26,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,107,53,.2)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;display:flex;align-items:center;height:var(--header-height)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:48px}.logo-icon{width:40px;height:40px;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-white)}.logo-text{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-white)}.logo-text span{color:var(--color-accent)}.nav-main{display:flex;align-items:center;gap:4px;flex:1}.nav-link{display:inline-block;padding:10px 16px;color:rgba(255,255,255,.85);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s;border-radius:var(--radius-sm)}.nav-link:hover{color:var(--color-white);background:rgba(255,107,53,.15)}.nav-link.active{color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-search{width:40px;height:40px;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:none}.nav-search:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:var(--color-white)}.nav-cta{padding:10px 20px;background:var(--color-accent);color:var(--color-white);text-decoration:none;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s;border:none;cursor:pointer}.nav-cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.mobile-menu-btn{display:none;width:40px;height:40px;background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:rgba(255,255,255,.8);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s}.mobile-menu-btn span{width:20px;height:2px;background:currentColor;transition:all .2s}.mobile-menu-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:var(--color-white)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-primary);border-top:1px solid rgba(255,107,53,.2);padding:20px 40px;flex-direction:column;gap:12px}.mobile-nav.active{display:flex}.mobile-nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:.95rem;padding:12px 0;transition:color .2s}.mobile-nav a:hover{color:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{position:relative;background:var(--color-white);border-radius:var(--radius-md);padding:48px 40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated);transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;background:var(--color-surface);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .2s}.modal-close:hover{background:var(--color-surface-alt);color:var(--color-accent)}.modal-icon{width:64px;height:64px;background:var(--color-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-white);margin:0 auto 24px}.modal-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:12px}.modal-desc{font-size:.95rem;color:var(--color-text-secondary);text-align:center;line-height:1.6;margin-bottom:32px}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-input{padding:14px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);color:var(--color-text);transition:all .2s}.modal-input:focus{outline:none;border-color:var(--color-accent);background:var(--color-white)}.modal-input::placeholder{color:var(--color-text-muted)}.modal-btn{padding:14px 24px;background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.modal-note{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:8px}@media (max-width:1200px){.nav-main{display:none}.mobile-menu-btn{display:flex}}@media (max-width:768px){.nav-inner{padding:0 24px}.logo{margin-right:16px}.logo-text{font-size:1.2rem}.nav-cta{padding:8px 16px;font-size:.85rem}.mobile-nav{padding:20px 24px}.modal{padding:32px 24px}}.footer{background:var(--color-primary);color:var(--color-white);padding:80px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:48px;margin-bottom:64px}.footer-brand{padding-right:48px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo-icon{width:36px;height:36px;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--color-white)}.footer-logo-text{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-white)}.footer-logo-text span{color:var(--color-accent)}.footer-desc{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:24px}.footer-column h4{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--color-white);margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,.6);text-decoration:none;font-size:.9rem;transition:all .2s}.footer-links a:hover{color:var(--color-accent);padding-left:4px}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.85rem;color:rgba(255,255,255,.4)}.footer-legal{display:flex;gap:24px}.footer-legal a{color:rgba(255,255,255,.4);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-legal a:hover{color:var(--color-accent)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-primary);padding:20px 40px;z-index:9999;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .4s ease}.cookie-banner.show{transform:translateY(0)}.cookie-banner-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.cookie-text{color:rgba(255,255,255,.9);font-size:.95rem;text-align:center}.cookie-text a{color:var(--color-accent);text-decoration:underline;font-weight:600}.cookie-buttons{display:flex;gap:12px}.cookie-btn{padding:12px 28px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cookie-btn-decline{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.cookie-btn-decline:hover{background:rgba(255,255,255,.15);color:var(--color-white)}.cookie-btn-accept{background:var(--color-accent);color:var(--color-white)}.cookie-btn-accept:hover{background:var(--color-accent-hover);transform:translateY(-1px)}@media (max-width:1200px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer{padding:60px 0 24px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:32px}.footer-brand{padding-right:0}.footer-bottom{flex-direction:column;gap:16px}.footer-legal{flex-wrap:wrap;justify-content:center}.cookie-banner{padding:16px 20px}.cookie-banner-inner{flex-direction:column;gap:16px}.cookie-buttons{width:100%}.cookie-btn{flex:1}}.hero{padding-top:var(--header-height);background:var(--color-primary);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,#333 100%);z-index:0}.hero-grid{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:48px 40px 56px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}.hero-content{padding-right:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,107,53,.15);border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-sm);color:var(--color-accent);font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:24px}.hero-badge:before{content:'';width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:20px}.hero-title span{color:var(--color-accent);display:block}.hero-desc{font-size:1.1rem;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:28px;max-width:480px}.hero-actions{display:flex;gap:16px}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--color-accent);color:var(--color-white);text-decoration:none;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,53,.4)}.btn-primary svg{width:18px;height:18px;transition:transform .2s}.btn-primary:hover svg{transform:translateX(4px)}.hero-banner{position:relative}.banner-slider{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);box-shadow:var(--shadow-elevated)}.banner-track{display:flex;transition:transform .5s ease}.banner-slide{flex:0 0 100%;display:grid;grid-template-columns:1.2fr 1fr;text-decoration:none;color:inherit}.banner-image{position:relative;aspect-ratio:4/3;overflow:hidden}.banner-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.banner-slide:hover .banner-image img{transform:scale(1.03)}.banner-badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:var(--color-accent);color:var(--color-white);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-xs)}.banner-rating{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:rgba(26,26,26,.9);color:var(--color-white);font-size:.8rem;font-weight:700;border-radius:var(--radius-xs)}.banner-rating svg{width:12px;height:12px;color:gold}.banner-body{padding:28px;display:flex;flex-direction:column;justify-content:center;background:var(--color-white)}.banner-category{font-size:.7rem;color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.banner-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-text);line-height:1.3;margin-bottom:12px;transition:color .2s}.banner-slide:hover .banner-title{color:var(--color-accent)}.banner-excerpt{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banner-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--color-text-muted)}.banner-nav{display:flex;justify-content:center;gap:8px;margin-top:16px}.banner-dot{width:8px;height:8px;background:rgba(26,26,26,.3);border-radius:50%;cursor:pointer;transition:all .2s;border:none}.banner-dot.active,.banner-dot:hover{background:var(--color-accent);transform:scale(1.2)}.categories-section{padding:100px 0;background:var(--color-surface)}.container{max-width:var(--max-width);margin:0 auto;padding:0 40px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}.section-title-group{max-width:600px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.section-label:before{content:'';width:24px;height:2px;background:var(--color-accent)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--color-text);line-height:1.1}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-card{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;text-decoration:none}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-card:hover img{transform:scale(1.08)}.category-card:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.9) 0%,rgba(26,26,26,.3) 50%,transparent 100%);transition:opacity .3s}.category-card:hover:after{background:linear-gradient(to top,rgba(255,107,53,.9) 0%,rgba(26,26,26,.4) 60%,transparent 100%)}.category-content{position:absolute;bottom:0;left:0;right:0;padding:24px 16px;z-index:1}.category-name{font-family:var(--font-display);font-size:1.1rem;color:var(--color-white);margin-bottom:4px}.category-count{font-size:.7rem;color:rgba(255,255,255,.7);font-weight:500}.category-arrow{position:absolute;top:16px;right:16px;width:36px;height:36px;background:var(--color-accent);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--color-white);z-index:1;opacity:0;transform:translateX(-8px);transition:all .2s}.category-card:hover .category-arrow{opacity:1;transform:translateX(0)}.reviews-section{padding:100px 0;background:var(--color-white)}.reviews-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(2,auto);gap:24px}.review-card{background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:all .3s ease}.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.review-card-large{grid-row:span 2;display:flex;flex-direction:column}.review-card-large .review-image{flex:1;aspect-ratio:auto;min-height:400px}.review-card-large .review-body{padding:28px}.review-card-large .review-title{font-size:1.5rem}.review-image{position:relative;aspect-ratio:16/10;overflow:hidden}.review-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.review-card:hover .review-image img{transform:scale(1.05)}.review-tag{position:absolute;top:16px;left:16px;padding:6px 12px;background:var(--color-accent);color:var(--color-white);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-xs)}.review-score{position:absolute;bottom:16px;right:16px;width:48px;height:48px;background:var(--color-primary);color:var(--color-white);font-family:var(--font-display);font-size:1.2rem;font-weight:700;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.review-score.excellent{background:#2e7d32}.review-score.good{background:#558b2f}.review-body{padding:24px}.review-category{font-size:.7rem;color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.review-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-text);line-height:1.3;margin-bottom:12px;transition:color .2s}.review-card:hover .review-title{color:var(--color-accent)}.review-excerpt{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-meta{display:flex;gap:16px;font-size:.75rem;color:var(--color-text-muted)}.articles-section{padding:100px 0;background:var(--color-primary);position:relative}.articles-section .container{position:relative;z-index:1}.articles-section .section-title{color:var(--color-white)}.articles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.article-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:all .3s ease}.article-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,107,53,.3);transform:translateY(-4px)}.article-image{position:relative;aspect-ratio:16/10;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-image img{transform:scale(1.05)}.article-type{position:absolute;top:12px;left:12px;padding:4px 10px;background:var(--color-accent);color:var(--color-white);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-xs)}.article-body{padding:20px}.article-category{font-size:.65rem;color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.article-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-white);line-height:1.4;margin-bottom:12px;transition:color .2s}.article-card:hover .article-title{color:var(--color-accent)}.article-meta{display:flex;gap:12px;font-size:.7rem;color:rgba(255,255,255,.5)}.newsletter-section{padding:80px 0;background:var(--color-accent);position:relative;overflow:hidden}.newsletter-section:before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;position:relative;z-index:1}.newsletter-content{flex:1;max-width:500px}.newsletter-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-white);margin-bottom:8px}.newsletter-desc{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.6}.newsletter-form{display:flex;gap:12px;flex:1;max-width:500px}.newsletter-input{flex:1;padding:16px 20px;background:rgba(255,255,255,.95);border:none;border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);color:var(--color-text)}.newsletter-input::placeholder{color:var(--color-text-muted)}.newsletter-input:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.3)}.newsletter-btn{padding:16px 32px;background:var(--color-primary);border:none;color:var(--color-white);font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.newsletter-btn:hover{background:var(--color-primary-light);transform:translateY(-2px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-content,.hero-banner{animation:fadeInUp .8s ease forwards}.hero-banner{animation-delay:.2s}.category-card,.review-card,.article-card{opacity:0;animation:fadeInUp .5s ease forwards}.category-card:nth-child(1){animation-delay:.1s}.category-card:nth-child(2){animation-delay:.15s}.category-card:nth-child(3){animation-delay:.2s}.category-card:nth-child(4){animation-delay:.25s}.category-card:nth-child(5){animation-delay:.3s}.category-card:nth-child(6){animation-delay:.35s}@media (max-width:1200px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-content{padding-right:0;text-align:center}.hero-desc{margin:0 auto 24px}.hero-actions{justify-content:center}.banner-slide{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:1fr}.review-card-large{grid-row:span 1}.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-grid{padding:32px 24px 40px}.hero-title{font-size:2rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.articles-grid{grid-template-columns:1fr}.newsletter-inner{flex-direction:column;text-align:center}.newsletter-form{flex-direction:column;width:100%}}@media (max-width:480px){.hero-grid{padding:24px 20px 32px}.hero-title{font-size:1.75rem}.hero-desc{font-size:1rem}.btn-primary{padding:14px 24px;font-size:.9rem}.categories-grid{grid-template-columns:1fr;gap:16px}.section-header{margin-bottom:32px}.section-title{font-size:1.75rem}.reviews-grid{gap:16px}.review-card-large .review-body{padding:20px}.review-body{padding:16px}.articles-grid{gap:16px}.article-body{padding:16px}.newsletter-section{padding:60px 0}.newsletter-title{font-size:1.5rem}.newsletter-input{padding:14px 16px}.newsletter-btn{padding:14px 24px}}