@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css";:root{--font-display:"Oswald","Pretendard Variable",sans-serif;--font-heading:"Pretendard Variable","Inter",sans-serif;--font-body:"Pretendard Variable","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--color-accent-gradient:linear-gradient(135deg,#dc2626 0%,#ef4444 50%,#f97316 100%);--color-glow-red:#dc262666;--color-glow-blue:#2563eb4d;--glass-bg:#ffffffd9;--glass-border:#ffffff4d;--glass-blur:blur(20px);--shadow-glow:0 0 40px var(--color-glow-red);--shadow-card:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-card-hover:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.25,.1,.25,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55)}body:before{content:"";opacity:.015;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.hero-section:after{content:"";background:radial-gradient(circle,var(--color-glow-red)0%,transparent 70%);opacity:.4;pointer-events:none;z-index:0;width:600px;height:600px;animation:20s ease-in-out infinite floatOrb;position:absolute;top:-20%;right:-10%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-30px,20px)scale(1.1)}50%{transform:translate(10px,-30px)scale(.95)}75%{transform:translate(20px,15px)scale(1.05)}}.hero-section{min-height:auto;padding:100px 0 var(--space-2xl);background:radial-gradient(ellipse 80% 50% at 50% -20%,#dc262614 0%,transparent 50%),linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-secondary)100%)}.hero-title{animation:heroReveal 1.2s var(--ease-smooth)forwards;opacity:0;position:relative}@keyframes heroReveal{0%{opacity:0;filter:blur(10px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-title .highlight{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero-title .highlight:after{content:"";background:var(--color-accent-gradient);border-radius:var(--radius-full);height:4px;animation:underlineGrow .8s .6s var(--ease-spring)forwards;transform-origin:0;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}@keyframes underlineGrow{to{transform:scaleX(1)}}.hero-subtitle{animation:heroReveal 1.2s .2s var(--ease-smooth)forwards;opacity:0}.search-input{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:2px solid var(--color-gray-200);transition:all .3s var(--ease-smooth)}.search-input:focus{border-color:var(--color-red);box-shadow:0 0 0 4px var(--color-glow-red)}.search-input::placeholder{transition:opacity .3s}.search-input:focus::placeholder{opacity:.5}.chip{transition:all .3s var(--ease-spring);position:relative;overflow:hidden}.chip:before{content:"";background:var(--color-black);width:0;height:0;transition:all .4s var(--ease-smooth);z-index:-1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chip:hover:before{width:200%;height:200%}.chip:hover{color:var(--color-white);border-color:var(--color-black);transform:translateY(-3px)}.chip.active{background:var(--color-accent-gradient);box-shadow:0 4px 15px var(--color-glow-red);border-color:#0000}.card{transition:all .4s var(--ease-smooth);transform-style:preserve-3d;position:relative}.card:before{content:"";background:var(--color-accent-gradient);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.card:after{content:"";background:var(--color-accent-gradient);transform-origin:0;height:3px;transition:transform .4s var(--ease-spring);z-index:10;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.card:hover:after{transform:scaleX(1)}.card-image{position:relative;overflow:hidden}.card-image:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#0000004d 100%);transition:opacity .3s;position:absolute;inset:0}.card:hover .card-image:after{opacity:1}.card-image img{transition:transform .6s var(--ease-smooth)}.card:hover .card-image img{transform:scale(1.08)}.card-category{background:var(--color-accent-gradient);border-radius:var(--radius-full);letter-spacing:.12em;box-shadow:0 2px 10px var(--color-glow-red);padding:6px 14px;font-size:10px}.card-title{background-image:linear-gradient(var(--color-red),var(--color-red));transition:background-size .4s var(--ease-smooth);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;display:inline;position:relative}.card:hover .card-title{background-size:100% 2px}.card-grid .card{opacity:0;animation:cardReveal .6s var(--ease-smooth)forwards;transform:translateY(30px)}.card-grid .card:first-child{animation-delay:.1s}.card-grid .card:nth-child(2){animation-delay:.15s}.card-grid .card:nth-child(3){animation-delay:.2s}.card-grid .card:nth-child(4){animation-delay:.25s}.card-grid .card:nth-child(5){animation-delay:.3s}.card-grid .card:nth-child(6){animation-delay:.35s}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.section-title{position:relative;overflow:hidden}.section-title:before{content:"";background:var(--color-accent-gradient);border-radius:var(--radius-full);width:100px;height:6px;animation:slideIn .8s var(--ease-spring)forwards;position:absolute;bottom:-12px;left:0;transform:translate(-100%)}@keyframes slideIn{to{transform:translate(0)}}.btn-primary{background:var(--color-black);color:var(--color-white);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;transition:all .4s var(--ease-smooth);cursor:pointer;border:none;padding:16px 32px;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--color-accent-gradient);width:100%;height:100%;transition:left .4s var(--ease-smooth);z-index:-1;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:0}.btn-primary:hover{box-shadow:0 10px 20px var(--color-glow-red);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.featured-card{position:relative;overflow:hidden}.featured-card:before{content:"";background:var(--color-accent-gradient);z-index:10;height:4px;position:absolute;top:0;left:0;right:0}.featured-card:after{content:"FEATURED";top:var(--space-lg);right:var(--space-lg);background:var(--color-accent-gradient);color:var(--color-white);letter-spacing:.12em;border-radius:var(--radius-full);box-shadow:0 4px 15px var(--color-glow-red);z-index:3;padding:8px 16px;font-size:10px;font-weight:800;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%,to{box-shadow:0 4px 15px var(--color-glow-red)}50%{box-shadow:0 4px 25px #dc262699}}.featured-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-10px)}.site-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)}.site-header.scrolled{backdrop-filter:var(--glass-blur);background:#000000f2}.logo{position:relative}.logo:after{content:"";background:var(--color-accent-gradient);transform-origin:100%;width:100%;height:2px;transition:transform .3s var(--ease-smooth);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.logo:hover:after{transform-origin:0;transform:scaleX(1)}.scroll-progress{background:#0000001a;height:3px}.scroll-progress-bar{background:var(--color-accent-gradient);box-shadow:0 0 10px var(--color-glow-red)}.magazine-section{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%);position:relative}.magazine-section:before{content:"";background:linear-gradient(90deg,transparent,var(--color-gray-300),transparent);height:1px;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-image[data-loading=true]{background:linear-gradient(90deg,var(--color-gray-200)0%,var(--color-gray-100)50%,var(--color-gray-200)100%);background-size:200% 100%;animation:1.5s infinite shimmer}.theme-toggle-btn{justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle-btn .icon-dark,.theme-toggle-btn .icon-light{transition:all .3s var(--ease-smooth)}.theme-toggle-btn .icon-dark{display:block}.theme-toggle-btn .icon-light,.theme-toggle-btn.dark-active .icon-dark{display:none}.theme-toggle-btn.dark-active .icon-light{display:block}:root.dark-mode{--bg-primary:#0d0d0d;--bg-secondary:#151515;--bg-tertiary:#1a1a1a;--bg-elevated:#1f1f1f;--bg-overlay:#000000d9;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--text-light:#6b6b6b;--text-inverse:#0d0d0d;--color-gray-100:#1a1a1a;--color-gray-200:#252525;--color-gray-300:#333;--color-gray-400:#4a4a4a;--color-gray-500:#666;--color-gray-600:#888;--color-gray-700:#a0a0a0;--color-gray-800:silver;--color-gray-900:#e0e0e0;--color-black:#fff;--color-white:#0d0d0d;--color-red:#ef4444;--color-red-light:#f87171;--color-gold:#fbbf24;--color-blue:#3b82f6;--glass-bg:#141414eb;--glass-border:#ffffff14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-card-hover:0 20px 40px #00000080,0 0 60px #ef44441a;--shadow-glow:0 0 30px #ef44444d;--color-accent-gradient:linear-gradient(135deg,#ef4444 0%,#f87171 50%,#fb923c 100%);--color-glow-red:#ef444480}@media (prefers-color-scheme:dark){:root:not(.dark-mode){color-scheme:light}}:root.dark-mode body{background-color:var(--bg-primary);color:var(--text-primary)}:root.dark-mode body:before{opacity:.02;filter:invert()}:root.dark-mode .site-header{background:var(--glass-bg);border-bottom-color:var(--glass-border)}:root.dark-mode .site-header.scrolled{background:#0d0d0dfa}:root.dark-mode .logo,:root.dark-mode .desktop-nav a,:root.dark-mode .control-btn{color:var(--text-primary)}:root.dark-mode .control-btn{border-color:var(--color-gray-400)}:root.dark-mode .control-btn:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}:root.dark-mode .hamburger-line{background:var(--text-primary)}:root.dark-mode .card{background:var(--bg-secondary);border-color:var(--color-gray-300)}:root.dark-mode .card:hover{border-color:var(--color-gray-400);box-shadow:var(--shadow-card-hover)}:root.dark-mode .card-category{background:var(--color-accent-gradient)}:root.dark-mode .card-title{color:var(--text-primary)}:root.dark-mode .card-desc{color:var(--text-secondary)}:root.dark-mode .featured-card{background:var(--bg-secondary);border-color:var(--color-gray-300)}:root.dark-mode .hero-section{background:radial-gradient(ellipse 80% 50% at 50% -20%,#ef44441a 0%,transparent 50%),linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-secondary)100%)}:root.dark-mode .hero-subtitle{color:var(--text-secondary)}:root.dark-mode .search-input{background:var(--bg-tertiary);border-color:var(--color-gray-300);color:var(--text-primary)}:root.dark-mode .search-input::placeholder{color:var(--text-light)}:root.dark-mode .search-input:focus{border-color:var(--color-red);box-shadow:0 0 0 4px #ef444433}:root.dark-mode .chip{background:var(--bg-tertiary);border-color:var(--color-gray-400);color:var(--text-primary)}:root.dark-mode .chip:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}:root.dark-mode .chip.active{background:var(--color-accent-gradient);color:#fff;border-color:#0000}:root.dark-mode .section-title{color:var(--text-primary)}:root.dark-mode .section-subtitle{color:var(--text-secondary)}:root.dark-mode .btn-primary{background:var(--text-primary);color:var(--bg-primary)}:root.dark-mode .btn-primary:hover{box-shadow:var(--shadow-glow)}:root.dark-mode .cookie-consent-banner{background:var(--bg-elevated);border-top:1px solid var(--color-gray-300);color:var(--text-primary)}:root.dark-mode .site-footer{background:var(--bg-secondary);border-top-color:var(--color-gray-300)}:root.dark-mode .scroll-progress{background:var(--bg-tertiary)}:root.dark-mode .search-overlay{background:#0d0d0dfa}:root.dark-mode .search-title{color:var(--text-secondary)}:root.dark-mode #overlay-search-input{color:var(--text-primary)}:root.dark-mode .search-input-wrapper{border-bottom-color:var(--text-primary)}:root.dark-mode .magazine-section{background:var(--bg-secondary)}:root.dark-mode .magazine-section:before{background:linear-gradient(90deg,transparent,var(--color-gray-300),transparent)}:root.dark-mode .quiz-card{background:var(--bg-secondary);border-color:var(--color-gray-400)}:root.dark-mode .quiz-title-bar{background:var(--color-accent-gradient)}:root.dark-mode .btn-answer{background:var(--bg-tertiary);border-color:var(--color-gray-400);color:var(--text-primary)}:root.dark-mode .btn-answer:hover{background:var(--bg-elevated);border-color:var(--color-gray-500)}:root.dark-mode .selected-answer{background:var(--color-red)!important;border-color:var(--color-red)!important;color:#fff!important}:root.dark-mode .progress-container{background:var(--bg-tertiary);border-color:var(--color-gray-400)}:root.dark-mode #progressBar{background-color:var(--bg-tertiary);border-color:var(--color-gray-400)}:root.dark-mode .mobile-menu-overlay{background:var(--bg-primary)}:root{transition:background-color .3s,color .3s}body,.site-header,.card,.search-input,.chip,.btn-answer,.quiz-card{transition:background-color .3s,border-color .3s,color .3s}@media (width<=768px){.hero-title{font-size:clamp(var(--text-3xl),10vw,var(--text-5xl))}.section-title{font-size:clamp(var(--text-3xl),8vw,var(--text-5xl))}.card-grid .card{animation-delay:0s!important}.btn-primary{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-red);outline-offset:2px}@media (pointer:fine){.card,.btn-primary,.chip{cursor:pointer}}