*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;color:#111;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.site-header{width:100%;height:68px;background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:50}.header-inner{max-width:1240px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.logo{color:#111;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:1.2px}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#8a8a8a;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.nav a:hover,.nav a.active{color:#111}
.blog-hero{width:100%;height:310px;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050505;text-align:center}.blog-hero h1{font-size:clamp(38px,4.1vw,54px);line-height:1.18;font-weight:600;letter-spacing:-1.8px;background:linear-gradient(105deg,#4d72ff 0%,#7192ff 30%,#b8c9ff 63%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.blog-hero p{margin-top:16px;color:#9b9b9b;font-size:16px;font-weight:400;letter-spacing:-.3px}.blog-content{max-width:1240px;margin:0 auto;padding:42px 32px 90px}.category-area{position:relative;margin-bottom:34px}.category-toggle{min-width:132px;height:44px;padding:0 16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.category-toggle:hover{border-color:#b8b8b8}.category-toggle[aria-expanded="true"]{border-color:#111;box-shadow:0 0 0 1px #111 inset}.category-toggle .chevron{font-size:16px;transition:transform .2s ease}.category-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.category-panel{position:absolute;top:52px;left:0;width:290px;padding:10px;background:#fff;border:1px solid #e1e1e1;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.12);z-index:30}.category-panel a{display:block;width:100%;color:#222;text-align:left;text-decoration:none}.category-all{padding:12px;border-radius:8px;font-size:14px;font-weight:650}.category-all:hover,.category-all.active-filter{background:#f4f4f4}.category-group{border-top:1px solid #f0f0f0}.category-parent{width:100%;padding:14px 12px;border:0;background:none;color:#222;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:14px;font-weight:650;cursor:pointer}.category-parent:hover{background:#fafafa}.category-parent .symbol{color:#8c8c8c;font-size:18px;font-weight:400}.category-children{padding:0 0 8px}.category-children a{padding:9px 12px 9px 24px;border-radius:8px;color:#777;font-size:13px}.category-children a:hover,.category-children a.active-filter{background:#f4f4f4;color:#111}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 22px}.article-card{color:inherit;text-decoration:none;min-width:0}.thumbnail{position:relative;aspect-ratio:16/10;overflow:hidden;padding:24px;border-radius:4px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 20%,rgba(70,92,255,.22),transparent 34%),#151515;color:#fff;transition:transform .22s ease,opacity .22s ease}.article-card:nth-child(5n+2) .thumbnail{background:radial-gradient(circle at 78% 22%,rgba(88,230,139,.16),transparent 35%),#151515}.article-card:nth-child(5n+3) .thumbnail{background:radial-gradient(circle at 78% 22%,rgba(75,160,255,.18),transparent 35%),#151515}.article-card:nth-child(5n+4) .thumbnail{background:radial-gradient(circle at 78% 22%,rgba(246,157,65,.16),transparent 35%),#151515}.article-card:nth-child(5n+5) .thumbnail{background:radial-gradient(circle at 78% 22%,rgba(167,93,255,.17),transparent 35%),#151515}.article-card:hover .thumbnail{transform:translateY(-3px);opacity:.96}.thumbnail::after{content:"";position:absolute;right:-65px;bottom:-80px;width:190px;height:190px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.024),0 0 0 76px rgba(255,255,255,.015)}.thumbnail.has-image{padding:0;background:#151515}.thumbnail.has-image::after{display:none}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.article-card:hover .thumbnail img{transform:scale(1.025)}.thumbnail-copy{position:relative;z-index:2;display:flex;flex-direction:column}.has-image .thumbnail-copy{display:none}.thumb-label{position:absolute;bottom:calc(100% + 28px);left:0;color:rgba(255,255,255,.48);font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.thumbnail strong{max-width:92%;font-size:clamp(27px,2.5vw,39px);font-weight:750;line-height:1;letter-spacing:-1.5px}.thumb-sub{margin-top:10px;color:rgba(255,255,255,.48);font-size:11px}.card-body{padding-top:17px}.card-category{margin-bottom:8px;color:#8c8c8c;font-size:10px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}.card-body h2{font-size:20px;line-height:1.38;font-weight:700;letter-spacing:-.7px}.card-body p{margin-top:9px;color:#777;font-size:14px;line-height:1.65;letter-spacing:-.2px}.card-body time{display:block;margin-top:16px;color:#aaa;font-size:11px}.empty-state{padding:60px 0;text-align:center;color:#777}.empty-state strong{display:block;margin-bottom:10px;color:#111;font-size:20px}.empty-state p{font-size:14px}
@media(max-width:960px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-header{height:60px}.header-inner,.blog-content{padding-left:20px;padding-right:20px}.logo{font-size:14px;letter-spacing:1px}.nav{gap:20px}.nav a{font-size:13px}.blog-hero{height:260px}.blog-hero h1{font-size:36px;letter-spacing:-1.7px}.blog-hero p{margin-top:13px;font-size:14px}.blog-content{padding-top:34px}.category-panel{width:min(290px,calc(100vw - 40px))}.article-grid{grid-template-columns:1fr;gap:38px}}