@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
body{color:#e5e7eb;background:#0a0e27;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6}.hero{background:radial-gradient(at 0 0,#8b5cf614 0%,#0000 50%),radial-gradient(at 100% 0,#ec48990f 0%,#0000 50%),radial-gradient(at bottom,#f973160a 0%,#0000 60%),linear-gradient(#faf8f5,#fff9f5);flex-direction:column;justify-content:center;align-items:center;min-height:85vh;margin-top:20px;padding:2.75rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.floating-orbs{z-index:0;width:100%;height:100%;position:absolute;overflow:hidden}.orb{filter:blur(60px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb1{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb2{background:linear-gradient(135deg,#f97316,#fb923c);width:350px;height:350px;animation-delay:-7s;bottom:-100px;right:-100px}.orb3{background:linear-gradient(135deg,#6366f1,#8b5cf6);width:300px;height:300px;animation-delay:-14s;top:50%;right:10%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.hero-content{z-index:1;text-align:center;position:relative}.badge{color:#fff;letter-spacing:2.5px;background:linear-gradient(135deg,#4a1d96,#7c3aed);border-radius:50px;margin-bottom:2rem;padding:.6rem 1.8rem;font-size:.8rem;font-weight:600;display:inline-block;box-shadow:0 4px 15px #4a1d964d,inset 0 -2px 10px #0003}.hero-content h1{background:linear-gradient(135deg,#2d1b4e,#5b21b6,#7c3aed);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1}.subtitle{color:#6b7280;text-align:center;max-width:650px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:50px;max-width:320px;padding:1.1rem 2.8rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:0 10px 30px #5b21b64d,inset 0 -3px 10px #0003}.btn-secondary{color:#5b21b6;background:#fff;border:2px solid #e9d5ff;box-shadow:0 4px 15px #00000014}.features{background:linear-gradient(#fff9f5,#faf8f5);padding:4rem 1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.feature-card{cursor:pointer;text-align:center;background:linear-gradient(145deg,#fff 0%,#f7f7fb 40%,#f1f4ff 100%);border:1px solid #7c3aed14;border-radius:28px;justify-items:center;width:100%;max-width:360px;padding:2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a,0 0 0 1px #00000005}.feature-card:hover{border-color:#e9d5ff;transform:translateY(-12px)scale(1.02);box-shadow:0 25px 50px #5b21b626,0 0 0 1px #8b5cf61a}.feature-card:after{content:"";opacity:0;background:radial-gradient(circle at 20% 20%,#7c3aed1f,#0000 35%),radial-gradient(circle at 80% 80%,#6366f11f,#0000 40%);transition:opacity .35s;position:absolute;inset:0}.feature-card:hover:after{opacity:1}.icon{background:radial-gradient(circle at 30% 30%,#ede9fe,#f3e8ff);border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.2rem;font-size:2rem;display:flex;box-shadow:0 8px 20px #8b5cf626,inset 0 -2px 8px #8b5cf61a}.feature-card h3{color:#2d1b4e;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.feature-card p{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.feature-link{color:#7c3aed;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex}.ktravel-footer{text-align:center;color:#9ca3af;background:linear-gradient(#faf8f5,#f5f3f0);border-top:1px solid #e5e7eb;padding:3rem 2rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1.5rem;display:flex}.footer-links a{color:#6b7280;font-weight:600;text-decoration:none}@media (max-width:900px){.hero{min-height:auto;padding:2.5rem 1.2rem}.floating-orbs{opacity:.6}.hero-content h1{font-size:clamp(2.1rem,6vw,2.6rem)}.subtitle{margin-bottom:2.2rem;font-size:1rem}.cta-buttons{justify-content:center;width:100%}.btn{width:90%;max-width:260px;margin:0 auto;display:block}.features{padding:3rem 1.2rem}.features-grid{grid-template-columns:1fr;gap:1.25rem}.feature-card{padding:1.8rem}.ktravel-footer{padding:2.2rem 1.2rem}}@media (max-width:640px){.hero{padding:2rem 1rem 2.5rem}.badge{letter-spacing:1.8px;margin-bottom:1.2rem;padding:.55rem 1.4rem;font-size:.75rem}.hero-content h1{font-size:clamp(1.9rem,8vw,2.2rem)}.cta-buttons{flex-direction:column;gap:.75rem}.btn{text-align:center;width:100%;max-width:260px;margin:0 auto;display:block}.features{padding:2.5rem 1rem}.feature-card{padding:1.6rem}.feature-card h3{font-size:1.35rem}.feature-card p{font-size:.96rem}}.main-landing{color:#e7e9ff;min-height:100vh;position:relative;overflow-x:hidden}.main-bg{z-index:0;background:radial-gradient(circle at 20% 30%,#667eea2e 0%,#0000 50%),radial-gradient(circle at 80% 70%,#764ba22e 0%,#0000 50%),radial-gradient(circle,#f062921f 0%,#0000 60%),#0a0e27;position:fixed;inset:0}.shooting-stars{z-index:0;pointer-events:none;position:fixed;inset:0}.star{background:#fff;width:2px;height:2px;animation:3s ease-in infinite shootingStar;position:absolute;box-shadow:0 0 10px 2px #ffffff80}.star:first-child{animation-delay:0s;top:20%;left:80%}.star:nth-child(2){animation-delay:1s;top:40%;left:70%}.star:nth-child(3){animation-delay:2s;top:60%;left:90%}.star:nth-child(4){animation-delay:3s;top:10%;left:60%}.star:nth-child(5){animation-delay:4s;top:80%;left:85%}@keyframes shootingStar{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-300px,300px)}}.main-container{z-index:1;max-width:1300px;margin:0 auto;padding:70px 20px 120px;position:relative}.main-hero{text-align:center;margin-bottom:90px;animation:.9s main-fade-up}@keyframes main-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.main-hero-badge{color:#fff;letter-spacing:.4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:28px;padding:12px 26px;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:0 10px 30px #667eea59}.main-hero-title{background:linear-gradient(135deg,#fff 0%,#b8d8ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1.4px;-webkit-background-clip:text;margin:22px 0 18px;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:900;line-height:1.75}.main-hero-subtitle{color:#a8b0c4;margin-bottom:32px;font-size:1.2rem;line-height:1.8}.main-hero-actions{justify-content:center;display:flex}.main-hero-cta{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 42px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 18px 45px #667eea73}.pulse-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:30px;padding:20px 40px;font-size:1.2rem;font-weight:700;text-decoration:none;animation:2s ease-in-out infinite pulse;position:relative;box-shadow:0 18px 45px #667eea73}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 20px #667eea00}}.main-hero-cta:hover{transform:translateY(-4px);box-shadow:0 26px 65px #667eea8c}.gradient-text{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:900;animation:3s linear infinite gradientMove}@keyframes gradientMove{to{background-position:200%}}.main-section{margin-bottom:80px}.main-section-header{text-align:center;margin-bottom:48px}.main-section-title{background:linear-gradient(135deg,#fff 0%,#d6e3ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:10px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.main-section-subtitle{color:#9aa3b6;font-size:1.05rem}.main-cards{grid-template-columns:1fr;grid-auto-rows:auto;gap:26px;display:grid}@media (min-width:768px){.main-cards{grid-template-columns:repeat(2,minmax(320px,1fr));gap:28px}}@media (min-width:1280px){.main-cards{grid-template-columns:repeat(2,minmax(420px,1fr));gap:32px}}.main-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;height:auto;padding:32px 26px;transition:transform .4s,box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000040}.main-card:before{content:"";opacity:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);transition:opacity .35s;position:absolute;inset:0}.main-card:hover{border-color:#667eea80;transform:translateY(-10px);box-shadow:0 24px 60px #667eea40,0 10px 25px #00000040}.main-card:hover:before{opacity:1}.main-card-head{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex;position:relative}.main-card-icon{background:radial-gradient(circle at 30% 30%,#e5e7ff,#c7d2fe);border-radius:18px;place-items:center;width:60px;height:60px;font-size:2rem;display:grid;box-shadow:0 10px 22px #667eea4d}.main-card-title{color:#fff;letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.main-card-meta{color:#9aa3b6;font-size:.95rem;font-weight:600}.main-card-desc{color:#b8c2d8;z-index:1;text-align:center;min-height:64px;margin:10px 0 18px;line-height:1.75;position:relative}.main-card-tags{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:18px;display:flex;position:relative}.main-tag{color:#e3e8ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#667eea2e;border:1px solid #667eea40;border-radius:18px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;padding:8px 14px;font-size:.92rem;font-weight:700;display:inline-flex}.main-card-action{color:#a8b9ff;z-index:1;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;font-weight:800;display:inline-flex;position:relative}.main-stats{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #ffffff14;border-radius:28px;margin:60px 0 80px;padding:44px 36px;box-shadow:0 18px 45px #00000047}.main-stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;display:grid}.main-stat-number{background:linear-gradient(135deg,#ffd93d,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:900;line-height:1.1}.main-stat-label{color:#b7c0d3;margin-top:8px;font-weight:700}.main-cta{margin-top:40px}.main-cta-inner{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;padding:70px 40px;position:relative;overflow:hidden;box-shadow:0 25px 70px #667eea59}.main-cta-inner:before{content:"";background:radial-gradient(circle,#ffffff1f,#0000 70%);width:160%;height:200%;animation:22s linear infinite main-rotate;position:absolute;top:-50%;left:-30%}@keyframes main-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-cta-title{z-index:1;color:#fff;letter-spacing:-.6px;margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;position:relative}.main-cta-text{z-index:1;color:#ffffffe6;margin-bottom:28px;font-size:1.1rem;position:relative}.main-cta-button{z-index:1;color:#667eea;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:16px 42px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;position:relative;box-shadow:0 14px 34px #0003}.main-cta-button:hover{transform:translateY(-4px);box-shadow:0 22px 45px #00000047}@media (max-width:960px){.main-container{padding:60px 16px 90px}.main-card{padding:28px 22px}.main-card-icon{width:56px;height:56px}}@media (max-width:720px){.main-hero{margin-bottom:70px}.main-cards{grid-template-columns:1fr;gap:42px}.main-hero-subtitle{font-size:1.05rem}.main-hero-cta{width:100%;max-width:320px}.main-stats{padding:36px 24px}.main-cta-inner{padding:56px 28px}.main-shape{opacity:.06}.main-card{width:100%;margin-bottom:0;padding:28px 22px}}.themed-food,.themed-culture,.themed-places{color:#e7e9ff;background:radial-gradient(circle at 12% 18%,#765cff3d,#0000 45%),radial-gradient(circle at 82% 16%,#4cc9f02e,#0000 40%),radial-gradient(circle at 50% 88%,#ff78b42e,#0000 52%),linear-gradient(135deg,#0b0f2a 0%,#0d102f 35%,#0c0f29 100%);min-height:100vh;padding-bottom:60px;position:relative;overflow:hidden}.themed-food:before,.themed-culture:before,.themed-places:before{content:"";filter:blur(40px);opacity:.8;pointer-events:none;z-index:0;background:conic-gradient(from 140deg at 25% 30%,#667eea2e,#0000 40%,#f0629233,#0000 70%,#764ba233),radial-gradient(1200px at 30% 25%,#ffffff14,#0000 60%),radial-gradient(900px at 80% 10%,#ffd93d14,#0000 55%);animation:22s linear infinite swirl;position:absolute;inset:-20% -30%}.themed-food>*,.themed-culture>*,.themed-places>*{z-index:1;position:relative}.themed-food .hero-section,.themed-food .filter-section,.themed-culture .hero-section,.themed-places .hero-section{max-width:1180px;margin:0 auto;padding:0 20px}.themed-food .hero-section,.themed-culture .hero-section,.themed-places .hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:260px;padding:54px 20px 26px;display:flex}.themed-food .hero-inner,.themed-culture .hero-inner,.themed-places .hero-inner{flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex}.themed-food .hero-title,.themed-culture .hero-title,.themed-places .hero-title{text-align:center;background:linear-gradient(120deg,#fdf 0%,#b78aff 45%,#8091ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 12px 26px #09002a66;-webkit-background-clip:text;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem);line-height:1.85}.themed-food .hero-subtitle,.themed-culture .hero-subtitle,.themed-places .hero-subtitle{color:#f0f2ff;font-size:1.05rem;line-height:1.7}.themed-food .filter-section .filters{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 14px 28px #00000040}.themed-food .filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff47}.themed-food .container,.themed-culture .container,.themed-places .container{max-width:1180px;margin:0 auto;padding:0 20px 30px}.themed-food .language-grid,.themed-culture .language-grid,.themed-places .language-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:auto;gap:18px;display:grid}.themed-food .language-card,.themed-culture .language-card,.themed-places .language-card{background:linear-gradient(145deg,#fff,#f2edff 55%,#ebe3ff);border:1px solid #6e5aff1f;flex-direction:column;height:auto;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 20px 60px #231f4033}.themed-food .language-card:hover,.themed-culture .language-card:hover,.themed-places .language-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px #231f403d}.themed-food .language-card .card-hero,.themed-culture .language-card .card-hero,.themed-places .language-card .card-hero{background:linear-gradient(135deg,#ede9feeb,#eff6ffe6);border-radius:18px;box-shadow:0 12px 28px #667eea2e}.themed-food .language-card .badge,.themed-culture .language-card .badge,.themed-places .language-card .badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#5b21b6);font-weight:800;box-shadow:0 12px 28px #5b21b659}.themed-food .language-card .tags .tag-orange,.themed-culture .language-card .tags .tag-orange,.themed-places .language-card .tags .tag-orange{color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;box-shadow:0 8px 18px #f9731640}.themed-food .language-card .card-footer .view-detail,.themed-culture .language-card .card-footer .view-detail,.themed-places .language-card .card-footer .view-detail{color:#fff;background:linear-gradient(135deg,#667eea,#a855f7);border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;margin-top:auto;padding:10px 16px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #667eea59}.themed-food .language-card .chip-row,.themed-culture .language-card .chip-row,.themed-places .language-card .chip-row{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}@media (max-width:720px){.themed-places .language-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:22px}}.themed-food .language-card .chip,.themed-culture .language-card .chip,.themed-places .language-card .chip{color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:12px;padding:8px 12px;font-weight:700;box-shadow:0 8px 18px #f9731640}.themed-food .category-title,.themed-culture .category-title,.themed-places .category-title{color:#fff!important}.themed-learn{color:#e7e9ff;background:radial-gradient(circle at 12% 18%,#765cff3d,#0000 45%),radial-gradient(circle at 82% 16%,#4cc9f02e,#0000 40%),radial-gradient(circle at 50% 88%,#ff78b42e,#0000 52%),linear-gradient(135deg,#0b0f2a 0%,#0d102f 35%,#0c0f29 100%);min-height:100vh;padding-bottom:60px;position:relative;overflow:hidden}.themed-learn:before{content:"";filter:blur(42px);opacity:.8;pointer-events:none;z-index:0;background:conic-gradient(from 160deg at 30% 28%,#667eea33,#0000 42%,#f0629238,#0000 70%,#764ba233),radial-gradient(1200px at 18% 22%,#ffffff14,#0000 60%),radial-gradient(900px at 82% 8%,#ffd93d14,#0000 55%);animation:22s linear infinite swirl;position:absolute;inset:-18% -28%}.themed-learn>*{z-index:1;position:relative}.themed-learn .hero-section{text-align:center;justify-content:center;align-items:center;width:100%;min-height:280px;padding:54px 20px 26px;display:flex}.themed-learn .hero-inner{flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex}.themed-learn .hero-title{text-align:center;background:linear-gradient(120deg,#fdf 0%,#b78aff 45%,#8091ff 100%);-webkit-text-fill-color:transparent;text-shadow:0 12px 26px #09002a66;-webkit-background-clip:text;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem);line-height:1.85}.themed-learn .hero-subtitle{color:#f0f2ff;font-size:1.05rem;line-height:1.7}.themed-learn .container{max-width:1180px;margin:0 auto;padding:0 20px 30px}.themed-learn .learn-filter .filters{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 14px 28px #00000040}.themed-learn .filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff47}.themed-learn .language-grid{gap:18px}.themed-learn .language-card{background:linear-gradient(145deg,#fff,#f2edff 55%,#ebe3ff);border:1px solid #6e5aff1f;transition:transform .25s,box-shadow .25s;box-shadow:0 20px 60px #231f4033}.themed-learn .language-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px #231f403d}.themed-learn .language-card .card-hero{background:linear-gradient(135deg,#ede9feeb,#eff6ffe6);border-radius:18px;box-shadow:0 12px 28px #667eea2e}.themed-learn .language-card .badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#5b21b6);font-weight:800;box-shadow:0 12px 28px #5b21b659}.themed-learn .language-card .chip{color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:12px;padding:8px 12px;font-weight:700;box-shadow:0 8px 18px #f9731640}.themed-learn .language-card .card-footer .view-detail{color:#fff;background:linear-gradient(135deg,#667eea,#a855f7);border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #667eea59}.themed-learn .language-card .chip-row{flex-wrap:wrap;gap:8px;margin:10px 0 4px;display:flex}.spot-card{flex-direction:column;height:auto;transition:transform .25s,box-shadow .25s;display:flex}.spot-card:hover{transform:translateY(-6px);box-shadow:0 28px 80px #00000061}.spot-cover{background:linear-gradient(135deg,#e5e7eb,#f3f4f6) 50%/cover;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.spot-cover:after{content:"";background:linear-gradient(#0000,#00000038);position:absolute;inset:0}.spot-cover-top{z-index:1;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:relative}.spot-emoji{filter:drop-shadow(0 6px 12px #00000040);font-size:1.6rem}.spot-region{z-index:1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;border-radius:14px;align-self:flex-start;margin:0 0 10px 10px;padding:6px 12px;font-size:.85rem;font-weight:700;position:relative}.detail-page{color:#e7e9ff;background:radial-gradient(circle at 18% 18%,#765cff42,#0000 42%),radial-gradient(circle at 82% 16%,#4cc9f033,#0000 40%),radial-gradient(circle at 50% 82%,#ff78b433,#0000 52%),linear-gradient(135deg,#0b0f2a 0%,#0d102f 35%,#0c0f29 100%);min-height:100vh;padding-bottom:80px;position:relative;overflow:hidden}.detail-page:before{content:"";filter:blur(46px);opacity:.85;pointer-events:none;z-index:0;background:conic-gradient(from 120deg at 25% 32%,#765cff38,#0000 38%,#ff78b438,#0000 68%,#667eea33),radial-gradient(1400px at 18% 20%,#ffffff14,#0000 60%),radial-gradient(1100px at 86% 12%,#ffd93d14,#0000 55%);animation:24s linear infinite swirl;position:absolute;inset:-22% -26%}.detail-page>*{z-index:1;position:relative}.detail-shell{max-width:1080px;margin:0 auto;padding:30px 20px 0}.detail-card{color:#1f2430;background:linear-gradient(145deg,#fff,#f2edff 55%,#ebe3ff);border:1px solid #6e5aff1f;border-radius:22px;padding:24px;box-shadow:0 22px 70px #231f4038}.detail-card+.detail-card{margin-top:18px}.detail-card h2,.detail-card h3{color:#1f1b3a}@keyframes swirl{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}