@font-face{font-family:Seoul1960;src:url(/Seoul1960-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{color:#fff;scroll-snap-type:y mandatory;background:radial-gradient(at bottom,#0d1d31 0%,#0a0a0a 100%) 0 0/cover fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:scroll}.stars{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.star{opacity:0;background:#fff;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite twinkle;position:absolute}.star.small{width:1px;height:1px}.star.large{width:3px;height:3px}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}.scene-3d{perspective:1500px;perspective-origin:50%;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}@keyframes floatIn-left{0%{opacity:0;transform:translate3d(-400px,0,-500px)rotateY(30deg)}to{opacity:1;transform:translate(0,0)rotateY(12deg)}}@keyframes floatIn-right{0%{opacity:0;transform:translate3d(400px,0,-500px)rotateY(-30deg)}to{opacity:1;transform:translate(0,0)rotateY(-12deg)}}@keyframes floatIn-top{0%{opacity:0;transform:translate3d(0,-300px,-500px)rotateX(20deg)}to{opacity:1;transform:translate(0,0)rotateX(-5deg)}}@keyframes floatIn-bottom{0%{opacity:0;transform:translate3d(0,300px,-500px)rotateX(-20deg)}to{opacity:1;transform:translate(0,0)rotateX(5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-card{cursor:pointer;background:#191919f2;border:1px solid #ffffff1a;border-radius:6px;transition:all .4s;position:absolute;overflow:hidden;box-shadow:0 30px 60px -15px #000c}.floating-card:hover{z-index:100;border-color:#ffffff4d;box-shadow:0 40px 80px -20px #000000e6;transform:scale(1.08)translateZ(50px)!important}.floating-card img{object-fit:cover;object-position:center 15%;filter:brightness(.7);width:100%;height:100%;transition:filter .3s}.floating-card:hover img{filter:brightness()}.animate-left{animation:1.2s ease-out forwards floatIn-left,6s ease-in-out 1.2s infinite float}.animate-right{animation:1.3s ease-out forwards floatIn-right,7s ease-in-out 1.3s infinite float}.animate-top{animation:1.1s ease-out forwards floatIn-top,5.5s ease-in-out 1.1s infinite float}.animate-bottom{animation:1.4s ease-out forwards floatIn-bottom,6.5s ease-in-out 1.4s infinite float}.category-badge{text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;background:#ffffff40;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:opacity .3s;position:absolute;bottom:10px;right:10px}.floating-card:hover .category-badge{opacity:0}.badge-tech,.badge-economy,.badge-politics,.badge-international,.badge-sports{color:#1a1a1a}.card-overlay{opacity:0;background:linear-gradient(#0000 0%,#00000080 50%,#000000f2 100%);padding:15px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.floating-card:hover .card-overlay{opacity:1;transform:translateY(0)}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.main-title{opacity:0;animation:1s ease-out .3s forwards fadeInUp}.luxury-metal-title{background:linear-gradient(90deg,#b0b0b0 0%,#e0e0e0 25%,#fff 50%,#e0e0e0 75%,#b0b0b0 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1s ease-out .3s forwards fadeInUp,10s linear infinite shimmer;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sub-title{opacity:0;animation:1s ease-out .5s forwards fadeInUp}.buttons{opacity:0;animation:1s ease-out .7s forwards fadeInUp}.center-content{text-align:center;z-index:10;pointer-events:none;max-width:700px;padding:20px}.center-content .btn-group{pointer-events:auto}.center-content h1{letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:300;line-height:1.1}.center-content h1 span{font-weight:700}.center-content .subtitle{color:#ffffff80;text-transform:uppercase;letter-spacing:4px;margin-bottom:1.5rem;font-size:.85rem}.center-content .description{color:#fff9;max-width:500px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.6}.btn-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border-radius:50px;padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary{color:#000;background:#fff;border:none}.btn-primary:hover{background:#ffffffe6;transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.navbar{z-index:50;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:#fff;letter-spacing:1px;white-space:nowrap;font-size:1.2rem;font-weight:600}@media (max-width:1100px){.nav-logo{font-size:1rem}}@media (max-width:1000px){.nav-logo{font-size:.9rem}}.nav-links{gap:clamp(.5rem,1.5vw,2rem);list-style:none;display:flex}.nav-links a{color:#fff9;white-space:nowrap;font-size:clamp(13px,1.5vw,16px);text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fff}@media (max-width:768px){.center-content h1{font-size:2.5rem}}@media (max-width:600px){.center-content h1{font-size:2rem}}.carousel-card-title{height:auto;min-height:25%;max-height:35%}@media (max-width:1024px){.carousel-card-title{padding:.5rem .8rem!important}.carousel-card-title h3{-webkit-line-clamp:2!important;font-size:.95rem!important}}@media (max-width:768px){.carousel-card-title{padding:.4rem .6rem!important}.carousel-card-title h3{margin-bottom:.2rem!important;font-size:.85rem!important}.carousel-card-title span{font-size:.55rem!important}}@media (max-width:480px){.carousel-card-title{padding:.3rem .5rem!important}.carousel-card-title h3{font-size:.75rem!important;line-height:1.2!important}.carousel-card-title span{display:none}}.category-section{perspective:1000px}.category-title{opacity:0;transition:all .8s ease-out;transform:translateY(50px)rotateX(20deg)}.category-title.animate{opacity:1;transform:translateY(0)rotateX(0)}.category-section .category-desc{opacity:0;transition:all .8s ease-out .2s;transform:translateY(30px)}.category-section.visible .category-desc{opacity:1;transform:translateY(0)}.article-card-3d{opacity:0;transform-origin:bottom;transition:opacity .5s ease-out,transform .1s ease-out;transform:translateY(60px)rotateX(15deg)scale(.9)}.category-section.visible .article-card-3d{transition:opacity .8s ease-out,transform .8s ease-out,box-shadow .15s}.category-section.visible .article-card-3d:hover{transition:transform .1s ease-out,box-shadow .1s}.category-section.visible .article-card-3d:first-child{opacity:1;transition-delay:.3s;transform:translateY(0)rotateX(0)scale(1)}.category-section.visible .article-card-3d:nth-child(2){opacity:1;transition-delay:.4s;transform:translateY(0)rotateX(0)scale(1)}.category-section.visible .article-card-3d:nth-child(3){opacity:1;transition-delay:.5s;transform:translateY(0)rotateX(0)scale(1)}.category-section.visible .article-card-3d:nth-child(4){opacity:1;transition-delay:.6s;transform:translateY(0)rotateX(0)scale(1)}.category-section.visible .article-card-3d:nth-child(5){opacity:1;transition-delay:.7s;transform:translateY(0)rotateX(0)scale(1)}.category-section.visible .article-card-3d:nth-child(6){opacity:1;transition-delay:.8s;transform:translateY(0)rotateX(0)scale(1)}.article-card-3d:hover{box-shadow:0 25px 50px -15px #00000080;transform:translateY(-8px)scale(1.02)!important}@keyframes starPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.2)}}@keyframes starTwinkle{0%,to{opacity:.7;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.2)}}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rayPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}@keyframes floatParticle{0%,to{opacity:.4;transform:translateY(0)translate(0)}25%{opacity:.8;transform:translateY(-10px)translate(5px)}50%{opacity:.6;transform:translateY(-5px)translate(-5px)}75%{opacity:.9;transform:translateY(-15px)translate(3px)}}@keyframes drawLine{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}@keyframes rayBreathe{0%,to{opacity:.8;transform:translate(-50%,-50%)scaleX(1)}50%{opacity:1;transform:translate(-50%,-50%)scaleX(1.2)}}