@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#030207;--bg-gradient-start:#06050e;--bg-gradient-end:#020106;--card-bg:#141226a6;--card-bg-hover:#1c1934d9;--card-border:#ffffff1a;--card-border-hover:#6366f159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-rose:#f43f5e;--accent-rose-rgb:244, 63, 94;--accent-emerald:#10b981;--accent-amber:#f59e0b;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 80% 20%, #6366f114 0%, transparent 40%), radial-gradient(circle at 15% 70%, #a855f70d 0%, transparent 45%), linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px -10px #0009,0 0 25px -5px #6366f126}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0f}.nav-link.active{border:1px solid #ffffff0d;box-shadow:inset 0 1px #ffffff1a}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;display:grid}.item-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);height:100%;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.item-card:hover{background:var(--card-bg-hover);transform:translateY(-4px)}.item-card.highlight{border-color:#6366f199;box-shadow:0 0 35px -5px #6366f159,inset 0 0 15px #6366f126}.item-card.cat-app{border-color:#6366f138;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #6366f10d}.item-card.cat-app:hover{border-color:#6366f18c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #6366f140}.item-card.cat-news{border-color:#f43f5e38;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #f43f5e0d}.item-card.cat-recommend{border-color:#10b98138;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #10b9810d}.item-card.cat-recommend:hover{border-color:#10b9818c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #10b98140}.item-card.cat-insight{border-color:#f59e0b38;box-shadow:0 4px 20px -5px #00000080,0 0 15px -5px #f59e0b0d}.item-card.cat-insight:hover{border-color:#f59e0b8c;box-shadow:0 20px 40px -15px #000c,0 0 30px -5px #f59e0b40}.badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:8px;align-items:center;padding:5px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.badge.app{color:#a5b4fc;background:#6366f11f;border-color:#6366f140}.badge.news{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e40}.badge.recommend{color:#6ee7b7;background:#10b9811f;border-color:#10b98140}.badge.insight{color:#fde047;background:#f59e0b1f;border-color:#f59e0b40}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-color);background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.input-field{width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:.9rem}.input-field:focus{border-color:var(--accent-indigo);background:#ffffff12;box-shadow:0 0 15px -3px #6366f140}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.pulse-glow{animation:4s ease-in-out infinite pulseGlow}.glow-text-rose{text-shadow:0 0 15px #f43f5e4d}.glow-text-indigo{text-shadow:0 0 15px #6366f14d}.spinner{border:3px solid #ffffff0d;border-top-color:var(--accent-indigo);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.spinner.rose{border-top-color:var(--accent-rose)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-max{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (max-width:1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (max-width:1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (max-width:1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (max-width:1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@keyframes spin-gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-logo{flex-shrink:0;animation:8s linear infinite spin-gear}@media (max-width:768px){.nav-desktop-links{display:none!important}.nav-hamburger{display:block!important}}.footer-kakao-btn:hover{transform:translateY(-2px);background-color:#fdd835!important}@media (max-width:768px){footer .footer-inner{flex-direction:column!important;align-items:flex-start!important}footer .footer-right{align-items:flex-start!important}}.item-card:hover img{transform:scale(1.05)}.action-btn:hover{transform:translateY(-1px)}.action-btn.primary:hover{background-color:#4f46e5!important;box-shadow:0 6px 16px #6366f14d!important}.action-btn.outline:hover{color:#fff!important;background-color:#ffffff14!important;border-color:#ffffff26!important}.action-btn.video-btn:hover{color:#fff!important;background-color:#f43f5e26!important;border-color:#f43f5e4d!important}.action-btn.share-btn:hover:not(.copied){color:#fff!important;background-color:#ffffff14!important;border-color:#ffffff26!important}.video-item-link:hover{background:#ffffff12!important;border-color:#f43f5e33!important}.video-item-link:hover .play-overlay{opacity:1!important}.kakao-inquiry-btn:hover{transform:translateY(-1px);background-color:#fdd835!important}.hero-action-btn{transition:all .2s!important}.hero-action-btn:hover{transform:translateY(-2px)}.hero-action-btn.primary:hover{box-shadow:0 8px 25px #6366f166!important}.hero-action-btn.secondary:hover{background:#ffffff14!important;border-color:#ffffff26!important}@media (max-width:992px){.hero-inner{text-align:center!important;grid-template-columns:1fr!important;gap:40px!important}.hero-left{text-align:center!important;align-items:center!important}.hero-actions{justify-content:center!important}.canvas-container{height:380px!important}}@media (max-width:768px){.desktop-br{display:none!important}.hero-title{font-size:2.8rem!important}.hero-desc{margin-bottom:24px!important;font-size:.95rem!important}.grid-header{flex-direction:column!important;align-items:flex-start!important}.filters-wrapper{justify-content:space-between!important;width:100%!important}}.timebox-promo-card{animation:.4s cubic-bezier(.16,1,.3,1) forwards popup-fade-in}.timebox-promo-card button:hover{color:var(--text-primary)!important}.timebox-promo-card a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173!important}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.item-card.cat-news:hover{border-color:#f43f5e4d!important;box-shadow:0 20px 40px -15px #000c,0 0 30px -10px #f43f5e26!important}.item-card.cat-news:hover img{transform:scale(1.03)}.pager-btn:hover:not(:disabled){color:#fff!important;background:#ffffff12!important;border-color:#ffffff26!important}.news-popup-source-action-btn:hover{transform:translateY(-1px);background-color:#e11d48!important}.news-popup-close-action-btn:hover,.news-popup-action-btn:hover:not(.copied){color:#fff!important;background-color:#ffffff14!important}.popup-markdown-link:hover{color:var(--accent-rose)!important}@keyframes floatNewsImage{0%{filter:drop-shadow(0 10px 20px #10b98126);transform:translateY(0)}50%{filter:drop-shadow(0 20px 40px #10b98159);transform:translateY(-10px)}to{filter:drop-shadow(0 10px 20px #10b98126);transform:translateY(0)}}.news-header-canvas{transition:all .5s;animation:6s ease-in-out infinite floatNewsImage}.news-header-canvas:hover{transform:scale(1.02)}@media (max-width:768px){.news-header-flex{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:30px!important}.news-header-flex>div{text-align:center!important}.news-header-img-container{width:100%!important;max-width:320px!important;margin:0 auto!important}.news-title{font-size:2.5rem!important}.news-subtitle{font-size:.95rem!important}.news-desktop-pagination{display:none!important}.news-mobile-pagination{display:flex!important}.news-popup-content{max-height:95vh!important;padding:16px!important}.news-popup-title{font-size:1.25rem!important}}@keyframes floatVideoImage{0%{filter:drop-shadow(0 10px 20px #10b9811a);transform:translateY(0)}50%{filter:drop-shadow(0 20px 40px #10b98140);transform:translateY(-10px)}to{filter:drop-shadow(0 10px 20px #10b9811a);transform:translateY(0)}}.recommend-header-canvas{transition:all .5s;animation:6s ease-in-out infinite floatVideoImage}.recommend-header-canvas:hover{transform:scale(1.02)}@media (max-width:768px){.recommend-header-flex{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:30px!important}.recommend-header-flex>div{text-align:center!important}.recommend-header-img-container{width:100%!important;max-width:320px!important;margin:0 auto!important}.recommend-title{font-size:2.5rem!important}.recommend-subtitle{font-size:.95rem!important}}@keyframes floatWebImage{0%{filter:drop-shadow(0 10px 20px #6366f11a);transform:translateY(0)}50%{filter:drop-shadow(0 20px 40px #6366f140);transform:translateY(-10px)}to{filter:drop-shadow(0 10px 20px #6366f11a);transform:translateY(0)}}.websites-header-canvas{transition:all .5s;animation:6s ease-in-out infinite floatWebImage}.websites-header-canvas:hover{transform:scale(1.02)}@media (max-width:768px){.websites-header-flex{text-align:center!important;border-bottom:none!important;flex-direction:column!important;align-items:center!important;gap:30px!important;padding-bottom:0!important}.websites-header-flex>div{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.websites-header-img-container{width:100%!important;max-width:320px!important;margin:0 auto!important}.websites-title{font-size:2.5rem!important}.websites-subtitle{font-size:.95rem!important}}@keyframes floatInsightImage{0%{filter:drop-shadow(0 10px 20px #f59e0b1a);transform:translateY(0)}50%{filter:drop-shadow(0 20px 40px #f59e0b40);transform:translateY(-10px)}to{filter:drop-shadow(0 10px 20px #f59e0b1a);transform:translateY(0)}}.insights-header-canvas{transition:all .5s;animation:6s ease-in-out infinite floatInsightImage}.insights-header-canvas:hover{transform:scale(1.02)}@media (max-width:768px){.insights-header-flex{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:30px!important}.insights-header-flex>div{text-align:center!important}.insights-header-img-container{width:100%!important;max-width:320px!important;margin:0 auto!important}.insights-title{font-size:2.5rem!important}.insights-subtitle{font-size:.95rem!important}}@keyframes fadeUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.spin-loader{animation:1s linear infinite spin}.back-link:hover{color:var(--text-primary)!important}.search-input-field:focus{border-color:var(--accent-indigo)!important;background-color:#6366f10d!important;box-shadow:0 0 15px #6366f126!important}.clear-search-btn:hover{color:var(--text-primary)!important}button[style*=loginSubmitBtn]:hover{transform:translateY(-1px);opacity:.9!important;box-shadow:0 6px 20px #6366f159!important}input[style*=loginInput]:focus{border-color:var(--accent-indigo)!important;background:#ffffff0d!important;box-shadow:0 0 0 2px #6366f133!important}.admin-table-row:hover{background-color:#ffffff05}button[style*=iconEditBtn]:hover{color:var(--accent-indigo)!important;background:#6366f11a!important}button[style*=iconEditBtnNews]:hover,button[style*=iconDeleteBtn]:hover{color:var(--accent-rose)!important;background:#f43f5e1a!important}button[style*=copyBtn]:hover{color:#fff!important;background:#ffffff14!important}.admin-table-row td a{transition:color .2s}.admin-table-row td a:hover{color:#fda4af!important}@media (max-width:768px){div[style*=dashboardHeader]{flex-direction:column!important;align-items:flex-start!important}div[style*=headerActions]{justify-content:space-between!important;width:100%!important}th[style*=th],td[style*=td]{padding:12px 14px!important}div[style*=subHeader]{flex-direction:column!important;align-items:flex-start!important}span[style*=infoSpan]{width:100%!important}div[style*=modalContent]{padding:16px!important}}