@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#030308;--bg-card:#0e0e18a6;--bg-card-hover:#161626d9;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--primary-color:#6366f1;--primary-light:#818cf8;--accent-color:#10b981;--accent-purple:#a855f7;--accent-pink:#ec4899;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #38bdf8 100%);--accent-gradient:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--title-gradient:linear-gradient(135deg, #fff 0%, #cbd5e1 60%, #818cf8 100%);--glass-gradient:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--border-color:#ffffff14;--border-hover:#6366f159;--header-bg:#030308bf;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-main:"Plus Jakarta Sans", "Noto Sans KR", "Noto Sans JP", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px -4px #00000080;--shadow-lg:0 16px 40px -8px #0009;--glow-primary:0 0 30px #6366f140;--glow-accent:0 0 30px #10b98140}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:-2;background:radial-gradient(circle,#6366f11f 0%,#a855f70f 45%,#0000 70%);width:60vw;height:60vh;position:fixed;top:-20vh;left:15vw}body:after{content:"";filter:blur(90px);pointer-events:none;z-index:-2;background:radial-gradient(circle,#10b98114 0%,#06b6d40a 50%,#0000 70%);width:50vw;height:50vh;position:fixed;bottom:-15vh;right:10vw}.premium-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-header{background-color:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:1000;padding:.875rem 0;transition:all .3s;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.logo-link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{font-family:var(--font-title);letter-spacing:-.03em;background:var(--primary-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #6366f159);-webkit-background-clip:text;background-clip:text;align-items:center;gap:2px;font-size:1.75rem;font-weight:800;transition:filter .3s;display:flex}.brand-logo:hover{filter:drop-shadow(0 0 18px #6366f199)}.logo-dot{-webkit-text-fill-color:#38bdf8;animation:2.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.header-actions{align-items:center;gap:1rem;display:flex}.lang-switcher{position:relative}.lang-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;min-height:40px;padding:.5rem .875rem;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.lang-btn:hover{border-color:var(--border-hover);background:#ffffff1a;box-shadow:0 0 12px #6366f133}.lang-icon{color:var(--primary-light);align-items:center;display:flex}.lang-code{font-family:var(--font-title);letter-spacing:.05em}.lang-chevron{opacity:.6;align-items:center;transition:transform .2s;display:flex}.lang-switcher:hover .lang-dropdown,.lang-switcher:focus-within .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);width:220px;max-height:320px;box-shadow:var(--shadow-lg), 0 0 20px #0009;opacity:0;visibility:hidden;z-index:1100;background:#0e0e18f2;border-radius:14px;flex-direction:column;gap:2px;padding:.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;transform:translateY(-8px)}.lang-option{color:var(--text-muted);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.lang-option:hover{color:var(--text-main);background:#6366f126}.lang-option.active{color:#818cf8;background:#6366f140;font-weight:700}.home-container{width:100%;max-width:1280px;margin:0 auto;padding:3.5rem 1.5rem 5rem}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:840px;margin:0 auto 4rem;display:flex}.hero-badge{color:var(--primary-light);letter-spacing:.04em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.825rem;font-weight:600;display:inline-flex;box-shadow:0 0 15px #6366f126}.hero-section h1{font-family:var(--font-title);letter-spacing:-.03em;color:var(--text-main);word-break:keep-all;margin-bottom:1.25rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.15}.hero-title-highlight{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.lead-text{color:var(--text-muted);word-break:keep-all;max-width:620px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7}.search-wrapper{width:100%;max-width:620px;margin:0 auto}.search-form{width:100%;position:relative}.search-input-group{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#12121eb3;border-radius:9999px;align-items:center;padding:.375rem .5rem .375rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.search-input-group:focus-within{border-color:var(--primary-color);background:#161626e6;box-shadow:0 0 0 4px #6366f12e,0 8px 24px #0006}.search-input{color:var(--text-main);font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem 0;font-size:1rem}.search-input::placeholder{color:var(--text-subtle);font-size:.95rem}.search-submit{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex}.search-submit:hover{transform:scale(1.06);box-shadow:0 0 16px #6366f180}.search-result-info{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.search-result-info h2{color:var(--text-main);font-size:1.15rem;font-weight:600}.result-count{color:var(--primary-light);margin-left:.25rem}.clear-search{color:var(--text-muted);background:#ffffff0d;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex}.clear-search:hover{color:var(--text-main);background:#ffffff1a}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;width:100%;display:grid}.post-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.post-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff26,#0000 50%,#6366f133);border-radius:16px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.post-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-lg), var(--glow-primary);transform:translateY(-5px)}.post-card:hover:before{opacity:1}.card-image-wrapper{aspect-ratio:16/9;background:#0d0d16;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.post-card:hover .card-image{transform:scale(1.05)}.image-placeholder{width:100%;height:100%;color:var(--text-subtle);background:#ffffff05;justify-content:center;align-items:center;font-size:.875rem;display:flex}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-meta{color:var(--text-subtle);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.card-content h3{font-family:var(--font-title);color:var(--text-main);-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.post-card:hover .card-content h3{color:var(--primary-light)}.card-content p{color:var(--text-muted);-webkit-line-clamp:3;word-break:keep-all;-webkit-box-orient:vertical;margin-top:auto;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:4rem;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);min-width:40px;height:40px;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;padding:0 .875rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pagination-btn:hover{border-color:var(--border-hover);color:var(--text-main);background:#ffffff14}.pagination-btn.active{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 0 16px #6366f166}.post-detail{width:100%;max-width:860px;margin:0 auto;padding:3rem 1.5rem 6rem}.series-navigator-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#6366f114;border:1px solid #6366f140;border-radius:14px;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.series-info{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.series-label{font-family:var(--font-title);color:var(--primary-light);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:inline-flex}.series-count{color:var(--text-subtle);font-size:.85rem}.series-contents summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600;transition:color .2s}.series-contents summary:hover{color:var(--text-main)}.series-contents ul{border-left:2px solid #6366f14d;flex-direction:column;gap:.5rem;margin-top:1rem;padding-left:.5rem;list-style:none;display:flex}.series-contents li a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.series-contents li.active a{color:#38bdf8;font-weight:700}.series-contents li a:hover{color:var(--text-main)}.post-header{margin-bottom:2rem}.post-meta{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.country-badge{border:1px solid var(--border-color);letter-spacing:.05em;color:var(--primary-light);background:#ffffff14;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.publish-date{color:var(--text-subtle);align-items:center;gap:.375rem;font-size:.875rem;display:inline-flex}.post-header h1{font-family:var(--font-title);letter-spacing:-.02em;color:var(--text-main);word-break:keep-all;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.25}.post-thumbnail{aspect-ratio:16/9;border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-lg);background:#0d0d16;border-radius:18px;margin-bottom:3rem;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%}.post-content{color:#e2e8f0;word-break:keep-all;font-size:1.1rem;line-height:1.85}.post-content p{margin-bottom:1.75rem}.post-content h2{font-family:var(--font-title);color:#fff;border-bottom:1px solid var(--border-color);letter-spacing:-.02em;margin:3rem 0 1.25rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700}.post-content h3{font-family:var(--font-title);color:#f1f5f9;margin:2.25rem 0 1rem;font-size:1.35rem;font-weight:600}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content blockquote{border-left:4px solid var(--primary-color);color:#cbd5e1;background:#6366f10f;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}.post-content code{color:#38bdf8;background:#ffffff14;border-radius:6px;padding:.2rem .4rem;font-size:.9em}.post-content pre{border:1px solid var(--border-color);background:#0b0b14;border-radius:12px;margin:2rem 0;padding:1.25rem;overflow-x:auto}.post-content pre code{color:#e2e8f0;background:0 0;padding:0}.post-content table{border-collapse:collapse;width:100%;margin:2rem 0;display:block;overflow-x:auto}.post-content th,.post-content td{border:1px solid var(--border-color);text-align:left;padding:.75rem 1rem}.post-content th{color:#fff;background:#ffffff0d;font-weight:600}.post-tags{flex-wrap:wrap;gap:.625rem;margin:3rem 0;display:flex}.tag{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.85rem;transition:all .2s;display:inline-flex}.tag:hover{border-color:var(--border-hover);color:var(--text-main);background:#6366f126}.series-footer-nav{grid-template-columns:1fr 1fr;gap:1.5rem;margin:3.5rem 0 2rem;display:grid}.nav-btn{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;border-radius:14px;flex-direction:column;padding:1.25rem 1.5rem;text-decoration:none;transition:all .25s;display:flex}.nav-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.nav-btn.next{text-align:right;align-items:flex-end}.nav-label{color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.8rem;font-weight:600;display:inline-flex}.nav-title{font-family:var(--font-title);color:var(--text-main);max-width:100%;font-size:1rem;font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.related-posts{margin-top:4rem}.related-posts h3{font-family:var(--font-title);color:var(--text-main);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;display:grid}.related-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;border-radius:12px;padding:1.25rem;text-decoration:none;transition:all .2s}.related-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px)}.related-card h4{font-family:var(--font-title);color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.05rem;font-weight:600;display:-webkit-box;overflow:hidden}.related-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.post-footer{margin-top:4rem}.feedback-section{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:2rem}.feedback-section h3{font-family:var(--font-title);margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.feedback-section p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.main-footer{border-top:1px solid var(--border-color);background:#020206e6;margin-top:auto;padding:3.5rem 1.5rem 2.5rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-light)}.footer-copy{color:var(--text-subtle);font-size:.85rem}@media (max-width:768px){.header-content{padding:0 1rem}.brand-logo{font-size:1.45rem}.home-container{padding:2rem 1rem 4rem}.hero-section{margin-bottom:2.5rem}.posts-grid{grid-template-columns:1fr;gap:1.5rem}.series-footer-nav{grid-template-columns:1fr;gap:1rem}.nav-btn.next{text-align:left;align-items:flex-start}.post-detail{padding:1.5rem 1rem 4rem}}@media (max-width:480px){.brand-logo{font-size:1.25rem}.lang-btn{padding:.375rem .625rem;font-size:.75rem}.search-input{font-size:.9rem}.search-submit{width:38px;height:38px}}