:root{--ink:#08090c;--ink2:#11131a;--surface:rgba(255,255,255,0.05);--surface2:rgba(255,255,255,0.09);--border:rgba(255,255,255,0.08);--border2:rgba(255,255,255,0.15);--lime:#c6ff4e;--cyan:#4ef0ff;--violet:#9b6dff;--rose:#ff5fa0;--amber:#ffb84e;--text:#f2f2f5;--muted:rgba(242,242,245,0.55);--muted2:rgba(242,242,245,0.50);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--font-display:var(--font-noto),"Noto Sans KR",sans-serif;--font-body:var(--font-noto),"Noto Sans KR",sans-serif;--max:1200px;--px:20px}[data-theme=light]{--ink:#f5f6f8;--ink2:#eceef3;--surface:rgba(0,0,0,0.03);--surface2:rgba(0,0,0,0.06);--border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.15);--lime:#4a9e00;--cyan:#0891b2;--violet:#7c3aed;--rose:#e11d63;--amber:#d97706;--text:#1a1c24;--muted:rgba(26,28,36,0.55);--muted2:rgba(26,28,36,0.50)}[data-theme=light] .hub-header{background:rgba(245,246,248,.85)}[data-theme=light] .mobile-nav{background:rgba(245,246,248,.97)}[data-theme=light] .grid-overlay{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 0)}[data-theme=light] .mesh-blob{opacity:.06}[data-theme=light] .test-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.1)}[data-theme=light] .hero-badge{background:rgba(74,158,0,.08);border-color:rgba(74,158,0,.3)}[data-theme=light] .badge-new{background:rgba(74,158,0,.1);border-color:rgba(74,158,0,.25)}[data-theme=light] .badge-hot{background:rgba(225,29,99,.1);border-color:rgba(225,29,99,.25)}[data-theme=light] .badge-trend{background:rgba(8,145,178,.1);border-color:rgba(8,145,178,.25)}[data-theme=light] .btn-primary-lg:hover{box-shadow:0 8px 30px rgba(74,158,0,.25)}[data-theme=light] .banner-card{background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(8,145,178,.04));border-color:rgba(124,58,237,.15)}[data-theme=light] .banner-card:before{background:radial-gradient(circle,rgba(74,158,0,.06),transparent 70%)}[data-theme=light] .hero-center{box-shadow:0 0 60px rgba(124,58,237,.2)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(74,158,0,.25)}.hub-body{background:var(--ink);color:var(--text);font-family:var(--font-body)}.hub-body a{text-decoration:none;color:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 var(--px)}.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12}.mb1{width:600px;height:600px;background:var(--violet);top:-200px;left:-200px;animation:mb1 20s ease-in-out infinite}.mb2{width:500px;height:500px;background:var(--cyan);top:20%;right:-150px;animation:mb2 25s ease-in-out infinite}.mb3{width:400px;height:400px;background:var(--rose);bottom:10%;left:10%;animation:mb3 18s ease-in-out infinite}.mb4{width:300px;height:300px;background:var(--lime);bottom:-100px;right:20%;animation:mb4 22s ease-in-out infinite}@keyframes mb1{0%,to{transform:translate(0)}50%{transform:translate(80px,60px)}}@keyframes mb2{0%,to{transform:translate(0)}50%{transform:translate(-60px,40px)}}@keyframes mb3{0%,to{transform:translate(0)}50%{transform:translate(40px,-60px)}}@keyframes mb4{0%,to{transform:translate(0)}50%{transform:translate(-40px,-40px)}}.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:48px 48px}.hub-main{position:relative;z-index:1}.hub-header{position:sticky;top:0;z-index:100;background:rgba(8,9,12,.75);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;height:60px;gap:16px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:8px;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.5px}.logo-mark{width:36px;height:36px;border-radius:9px;object-fit:contain;flex:0 0 auto}.logo-text{color:var(--text)}.logo-text em{color:var(--lime);font-style:normal}.hub-nav{display:flex;align-items:center;gap:24px}.hub-nav a{font-size:13px;color:var(--muted);transition:color .2s;cursor:pointer}.hub-nav a:hover,.nav-mobile{color:var(--text)}.nav-mobile{display:none;background:none;border:none;font-size:20px;cursor:pointer;line-height:1}.header-cta{display:flex;align-items:center;gap:8px}.mobile-nav{display:none;position:fixed;top:60px;left:0;right:0;background:rgba(8,9,12,.97);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;padding:16px 0}.mobile-nav.open{display:block}.mobile-nav a{display:block;padding:12px 20px;font-size:15px;color:var(--muted);transition:color .2s,background .2s;cursor:pointer}.mobile-nav a:hover{color:var(--text);background:var(--surface)}.hero{padding:80px 0 60px;min-height:90vh;display:flex;align-items:center}.hero-layout{position:relative;display:flex;width:100%}.hero-left{flex:1 1;z-index:1}.hero-right{width:480px;flex-shrink:0}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;gap:32px;max-width:640px}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(198,255,78,.08);border:1px solid rgba(198,255,78,.25);border-radius:999px;padding:6px 14px;font-size:12px;color:var(--lime);letter-spacing:1px;font-family:var(--font-display);font-weight:500}.hero-badge-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;animation:blink 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-display);font-size:clamp(40px,9vw,76px);font-weight:700;line-height:1.05;letter-spacing:-2px}.hero-title .line1{display:block;color:var(--text)}.hero-title .line2{display:block;background:linear-gradient(90deg,var(--lime),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(15px,3vw,17px);color:var(--muted);max-width:400px;line-height:1.75}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.btn-primary-lg{font-size:15px;font-weight:700;color:var(--ink);background:var(--lime);border:none;border-radius:999px;padding:14px 28px;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;gap:6px;transition:transform .15s,box-shadow .2s}.btn-primary-lg:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(198,255,78,.3)}.btn-outline-lg{font-size:15px;color:var(--text);background:var(--surface2);border:1px solid var(--border2);border-radius:999px;padding:13px 28px;cursor:pointer;font-family:var(--font-body);transition:background .2s}.btn-outline-lg:hover{background:rgba(255,255,255,.12)}.hero-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.quick-card:hover{border-color:var(--border2);background:var(--surface2);transform:translateY(-2px)}.quick-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.quick-card-info{min-width:0}.quick-card-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-card-meta{font-size:11px;color:var(--muted);margin-top:2px}.hero-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:480px;height:480px;pointer-events:none;display:flex;align-items:center;justify-content:center}.hero-ring{position:absolute;border-radius:50%;border:1px solid;animation:rotate linear infinite}.ring1{width:300px;height:300px;border-color:rgba(198,255,78,.12);animation-duration:25s}.ring2{width:200px;height:200px;border-color:rgba(78,240,255,.12);animation-duration:18s;animation-direction:reverse}.ring3{width:400px;height:400px;border-color:rgba(155,109,255,.08);animation-duration:40s}@keyframes rotate{to{transform:rotate(1turn)}}.ring1:after{width:8px;height:8px;background:var(--lime);top:0;left:50%;transform:translateX(-50%) translateY(-4px)}.ring1:after,.ring2:after{content:"";position:absolute;border-radius:50%}.ring2:after{width:6px;height:6px;background:var(--cyan);top:50%;right:0;transform:translateY(-50%) translateX(3px)}.hero-center{width:100px;height:100px;border-radius:28px;background:linear-gradient(135deg,var(--violet),var(--rose));display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 0 60px rgba(155,109,255,.4);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hub-section{padding:72px 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:16px}.section-label{font-size:11px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:8px}.section-label,.section-title{font-family:var(--font-display);font-weight:700}.section-title{font-size:clamp(22px,4vw,30px);letter-spacing:-.5px}.section-link{font-size:13px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:4px;transition:color .2s;cursor:pointer}.section-link:hover{color:var(--lime)}.divider{height:1px;background:linear-gradient(90deg,var(--border),transparent);margin:0 var(--px)}.test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s}.test-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.test-card:active{transform:translateY(-2px) scale(.99)}.card-thumb{width:100%;height:25px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pop-card{border-top:4px solid var(--tc1);position:relative}.pop-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,var(--tc1),transparent 55%);opacity:.07}.pop-card .card-body{position:relative;z-index:1}.card-emoji-bg{position:absolute;bottom:-6px;right:6px;z-index:0;font-size:72px;line-height:1;pointer-events:none;opacity:.09;filter:grayscale(.5);transition:opacity .4s ease,transform .4s ease,filter .4s ease}.test-card:hover .card-emoji-bg{opacity:.25;transform:scale(1.15) rotate(-8deg);filter:grayscale(0)}.pop-card:after{content:"";position:absolute;top:0;left:0;right:0;height:60px;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 60% 100% at 50% 0,var(--tc1),transparent);opacity:0;transition:opacity .4s ease}.pop-card:hover:after{opacity:.12}.card-thumb:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:14px 14px}.card-thumb:after{content:"";position:absolute;width:200%;height:200%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 46%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 54%,transparent 58%);top:-50%;left:-150%;transition:left .7s ease;pointer-events:none}.test-card:hover .card-thumb:after{left:100%}.thumb-icon{position:relative;z-index:1;width:68px;height:68px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.test-card:hover .thumb-icon{transform:scale(1.08) rotate(-2deg);box-shadow:0 12px 40px rgba(0,0,0,.3)}.card-body{padding:18px 18px 20px;flex:1 1;display:flex;flex-direction:column;gap:8px}.card-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:999px;font-family:var(--font-display)}.badge-new{background:rgba(198,255,78,.15);color:var(--lime);border:1px solid rgba(198,255,78,.3)}.badge-hot{background:rgba(255,95,160,.15);color:var(--rose);border:1px solid rgba(255,95,160,.3)}.badge-trend{background:rgba(78,240,255,.15);color:var(--cyan);border:1px solid rgba(78,240,255,.3)}.badge-cat{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.card-title{font-size:16px;font-weight:700;line-height:1.3;font-family:var(--font-display)}.card-desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1 1}.card-footer{justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.card-footer,.card-meta{display:flex;align-items:center}.card-meta{gap:10px}.card-meta-item{font-size:11px;color:var(--muted2);display:flex;align-items:center;gap:3px}.card-start{font-size:12px;font-weight:700;color:var(--ink);background:var(--lime);border:none;border-radius:999px;padding:7px 14px;cursor:pointer;font-family:var(--font-body);transition:transform .15s}.card-start:hover{transform:scale(1.04)}.card-thumb.has-pop{container-type:inline-size}.card-thumb.has-pop:before{display:none}.card-thumb.has-pop:after{z-index:6}.thumb-pop{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.thumb-pop,.tp-halftone{position:absolute;inset:0;z-index:1}.tp-halftone{pointer-events:none;background-image:radial-gradient(circle 1.3px,rgba(0,0,0,.22) 100%,transparent 0);background-size:7px 7px}.tp-text{position:relative;z-index:3;font-size:max(1.3rem,6.5cqi);font-weight:900;color:var(--tc3);-webkit-text-stroke:3px rgba(0,0,0,.75);paint-order:stroke fill;text-shadow:4px 4px 0 rgba(0,0,0,.5),-1px -1px 0 rgba(0,0,0,.6),1px -1px 0 rgba(0,0,0,.6),-1px 1px 0 rgba(0,0,0,.6),1px 1px 0 rgba(0,0,0,.6);text-align:center;line-height:1.15;letter-spacing:-1px;padding:0 8%;max-width:100%;word-break:keep-all;transform:rotate(-2deg);text-transform:uppercase}.tp-brand{position:absolute;bottom:6px;right:10px;z-index:3;font-size:8px;color:rgba(255,255,255,.22);letter-spacing:.5px;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.thumb-pat-burst:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(45deg,transparent 0 18px,var(--tc3) 18px 20px),repeating-linear-gradient(-45deg,transparent 0 18px,var(--tc3) 18px 20px);opacity:.18}.thumb-pat-stripes:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(-45deg,transparent 0 13px,var(--tc3) 13px 15px);opacity:.22}.thumb-pat-circles:before{content:"";position:absolute;inset:-30%;z-index:0;background:radial-gradient(circle 38% at 15% 30%,var(--tc3) 0,transparent 70%),radial-gradient(circle 25% at 85% 72%,var(--tc3) 0,transparent 70%),radial-gradient(circle 18% at 58% 8%,var(--tc3) 0,transparent 70%);opacity:.32}.thumb-pat-blocks:before{background:linear-gradient(125deg,var(--tc3) 0,transparent 48%),linear-gradient(to top,var(--tc3) 0,transparent 30%)}.thumb-pat-blocks:before,.thumb-pat-halftone:before{content:"";position:absolute;inset:0;z-index:0;opacity:.22}.thumb-pat-halftone:before{background-image:radial-gradient(circle 5px,var(--tc3) 100%,transparent 100%);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 75% 80% at 30% 45%,black 0,transparent 100%);mask-image:radial-gradient(ellipse 75% 80% at 30% 45%,black 0,transparent 100%)}.thumb-pat-waves:before{content:"";position:absolute;z-index:0;width:160%;height:70%;bottom:-20%;left:-30%;background:var(--tc3);border-radius:42% 58% 45% 55%;opacity:.2;box-shadow:300px -130px 0 30px var(--tc3)}.trending-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-tabs-wrap{background:var(--ink2)}.cat-tabs{display:flex;gap:8px;overflow-x:auto;padding:20px 0;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;border:1px solid var(--border);background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;flex-shrink:0;font-family:var(--font-body);transition:all .2s}.cat-tab:hover{border-color:var(--border2);color:var(--text)}.cat-tab.active{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}.cat-tab-icon{font-size:14px}.reco-grid,.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reco-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.reco-card:hover{transform:translateY(-4px);border-color:var(--border2)}.reco-card:before{content:"";position:absolute;inset:0;opacity:.06;transition:opacity .2s}.reco-card:hover:before{opacity:.1}.rc-violet:before{background:var(--violet)}.rc-cyan:before{background:var(--cyan)}.rc-rose:before{background:var(--rose)}.reco-icon{font-size:36px;margin-bottom:16px}.reco-label{font-size:10px;letter-spacing:2px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;margin-bottom:8px}.rc-violet .reco-label{color:var(--violet)}.rc-cyan .reco-label{color:var(--cyan)}.rc-rose .reco-label{color:var(--rose)}.reco-title{font-size:18px;font-weight:700;font-family:var(--font-display);margin-bottom:8px}.reco-desc{font-size:13px;color:var(--muted);line-height:1.6}.reco-cta{margin-top:20px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.rc-violet .reco-cta{color:var(--violet)}.rc-cyan .reco-cta{color:var(--cyan)}.rc-rose .reco-cta{color:var(--rose)}.new-list{display:flex;flex-direction:column;gap:12px}.new-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .2s,transform .15s}.new-item:hover{border-color:var(--border2);transform:translateX(4px)}.new-item-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.new-item-info{flex:1 1;min-width:0}.new-item-title{font-size:15px;font-weight:700}.new-item-meta{margin-top:3px;gap:8px}.new-item-action,.new-item-meta{font-size:12px;color:var(--muted);display:flex;align-items:center}.new-item-action{flex-shrink:0;gap:4px}.ranking-section{background:var(--ink2)}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rank-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color .2s}.rank-item:hover{border-color:var(--border2)}.rank-num{font-family:var(--font-display);font-size:22px;font-weight:700;min-width:32px;text-align:center}.rn-top1{color:var(--lime)}.rn-top2{color:var(--cyan)}.rn-top3{color:var(--amber)}.rn-rest{color:var(--muted2)}.rank-icon{font-size:24px;flex-shrink:0}.rank-info{flex:1 1;min-width:0}.rank-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-count{font-size:11px;color:var(--muted);margin-top:2px}.rank-change{font-size:10px;font-weight:700}.rc-up{color:var(--lime)}.rc-down{color:var(--rose)}.rc-same{color:var(--muted2)}.banner-section{padding:48px 0}.banner-card{background:linear-gradient(135deg,rgba(155,109,255,.15),rgba(78,240,255,.1));border:1px solid rgba(155,109,255,.3);border-radius:var(--r-xl);padding:48px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden}.banner-card:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(198,255,78,.12),transparent 70%)}.banner-left{max-width:500px;z-index:1}.banner-tag{font-size:11px;letter-spacing:2px;color:var(--violet);text-transform:uppercase}.banner-tag,.banner-title{font-family:var(--font-display);font-weight:700;margin-bottom:12px}.banner-title{font-size:clamp(22px,4vw,32px);line-height:1.2}.banner-sub{font-size:14px;color:var(--muted);line-height:1.7}.banner-ctas{display:flex;gap:10px;flex-wrap:wrap;z-index:1;margin-top:24px}.btn-lime{font-size:13px;font-weight:700;color:var(--ink);background:var(--lime);border:none;border-radius:999px;padding:12px 24px;cursor:pointer;font-family:var(--font-body);transition:transform .15s,box-shadow .15s}.btn-lime:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(198,255,78,.35)}.banner-emoji{font-size:80px;z-index:1;animation:float 4s ease-in-out infinite}.hub-footer{background:var(--ink2);border-top:1px solid var(--border);padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-desc{font-size:13px;color:var(--muted);line-height:1.7;max-width:240px;margin-top:12px}.footer-social{display:flex;gap:10px;margin-top:16px}.social-btn{width:34px;height:34px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .2s}.social-btn:hover{background:rgba(255,255,255,.12)}.footer-col-title{font-size:11px;letter-spacing:2px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13px;color:var(--muted);transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted2);gap:12px;flex-wrap:wrap}.footer-tags{display:flex;gap:8px;flex-wrap:wrap}.footer-tag{font-size:11px;color:var(--muted2)}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.05s}.delay-2{transition-delay:.1s}.delay-3{transition-delay:.15s}.delay-4{transition-delay:.2s}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(198,255,78,.2);border-radius:4px}@media (max-width:1024px){.hero-right{display:none}.test-grid,.trending-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.ranking-grid{grid-template-columns:1fr}}@media (max-width:640px){:root{--px:16px}.hub-section{padding:52px 0}.hero{padding:48px 0 40px;min-height:auto}.hub-nav{display:none}.nav-mobile{display:flex}.ranking-grid,.reco-grid,.test-grid,.trending-grid{grid-template-columns:1fr}.banner-card{flex-direction:column;padding:32px 24px}.banner-emoji{font-size:56px}.footer-grid{gap:28px}.footer-grid,.hero-quick{grid-template-columns:1fr}.hero-title{letter-spacing:-1px}.banner-ctas{flex-direction:column}.banner-ctas button{width:100%}}