.header{z-index:1000;padding:var(--space-md) 0;transition:all .3s var(--ease-out);position:fixed;top:0;left:0;right:0}.header--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0000000d}.header__nav{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.header__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.header__logo img{border-radius:8px}.header__links{gap:var(--space-xs);list-style:none;display:flex}.header__links a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px 16px;font-size:.938rem;font-weight:500;transition:all .2s}.header__links a:hover{color:var(--accent);background:var(--accent-light)}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.header__theme-toggle{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.header__theme-toggle:hover{background:var(--accent-light);color:var(--accent)}.header__hamburger{width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:none}.header__cta{padding:10px 20px;font-size:.875rem}@media (width<=768px){.header__links,.header__cta{display:none}.header__hamburger{display:flex}}.header__mobile-overlay{z-index:1001;background:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), visibility .3s;justify-content:center;align-items:center;padding-top:72px;display:flex;position:fixed;inset:0}.header__mobile-overlay.open{opacity:1;visibility:visible}.header__mobile-nav{gap:var(--space-sm);width:100%;max-width:320px;padding:var(--space-lg);flex-direction:column;display:flex}.header__mobile-link{padding:var(--space-md) var(--space-lg);font-family:var(--font-heading);color:var(--text-primary);border-radius:var(--radius-md);opacity:0;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex;transform:translateY(20px)}.header__mobile-overlay.open .header__mobile-link{animation:slide-in .4s var(--ease-out) forwards}@keyframes slide-in{to{opacity:1;transform:translateY(0)}}.header__mobile-link:hover{background:var(--accent-light);color:var(--accent)}.header__mobile-actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-direction:column;display:flex}.header__mobile-actions .btn{justify-content:center;width:100%}.hero{min-height:100vh;padding:calc(var(--space-4xl) + 60px) 0 var(--space-4xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg-gradient{background:radial-gradient(ellipse 60% 50% at 20% 30%, var(--accent-light) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.hero__content{z-index:1;text-align:left;align-items:flex-start;gap:var(--space-lg);flex-direction:column;max-width:680px;display:flex;position:relative}.hero__title{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.hero__title-accent{color:var(--accent)}.hero__desc{max-width:520px;font-size:1.063rem;line-height:1.7}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.btn-lg{padding:14px 28px;font-size:.938rem}.hero__stats{align-items:center;gap:var(--space-xl);padding:var(--space-md) 0;margin-top:var(--space-md);border-top:1px solid var(--border);display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-number{font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.hero__stat-label{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.hero__stat-divider{background:var(--border-strong);width:1px;height:32px}.hero__trust{align-items:center;gap:var(--space-lg);margin-top:var(--space-sm);display:flex}.hero__trust-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.688rem;font-weight:600}.hero__trust-logos{gap:var(--space-lg);align-items:center;display:flex}.hero__trust-logo{color:var(--text-tertiary);opacity:.4;font-size:1.25rem;transition:opacity .3s}.hero__trust-logo:hover{opacity:1;color:var(--accent)}@media (width<=768px){.hero{padding-top:calc(var(--space-3xl) + 60px)}.hero__stats{align-items:flex-start;gap:var(--space-md);flex-direction:column}.hero__stat-divider{display:none}.hero__trust{flex-direction:column;align-items:flex-start}.hero__actions .btn-lg{width:100%}}.features{background:var(--bg-secondary)}.feature-card{padding:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.feature-card__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.feature-card__icon{color:var(--accent);flex-shrink:0;font-size:1rem}.feature-card__title{font-size:1rem;font-weight:700}.feature-card__desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.how-it-works .scroll-container{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.how-it-works .scroll-container{grid-template-columns:repeat(2,1fr)}}.hiw-card{padding:var(--space-xl);gap:var(--space-md);text-align:center;flex-direction:column;align-items:center;display:flex}.hiw-card__step{font-family:var(--font-heading);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hiw-card__icon{background:var(--accent-light);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.hiw-card__title{font-size:1.125rem}.hiw-card__desc{font-size:.875rem;line-height:1.6}.pricing{background:var(--bg-secondary)}.pricing-card{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex;position:relative}.pricing-card--popular{border-color:var(--accent);box-shadow:0 8px 40px var(--accent-glow)}.pricing-card__badge{top:var(--space-md);right:var(--space-md);position:absolute}.pricing-card__name{font-size:1.25rem;font-weight:700}.pricing-card__desc{color:var(--text-secondary);font-size:.875rem}.pricing-card__price{padding:var(--space-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:baseline;gap:4px;display:flex}.pricing-card__currency{color:var(--text-tertiary);font-size:.75rem;font-weight:600}.pricing-card__amount{font-family:var(--font-heading);color:var(--text-primary);font-size:2.25rem;font-weight:800}.pricing-card__unit{color:var(--text-tertiary);font-size:.875rem}.pricing-card__features{gap:var(--space-sm);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-card__features li{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem;display:flex}.pricing-card__check{color:var(--success);flex-shrink:0;font-size:.75rem}.pricing-card__cta{width:100%;margin-top:auto}.social-proof{background:var(--bg-primary)}.sp__live{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.sp__live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #00b89466}50%{opacity:.8;box-shadow:0 0 0 6px #00b89400}}.sp__live-text{color:var(--text-secondary);font-size:.875rem}.sp__live-text strong{color:var(--success);font-weight:700}.testimonial-card{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.testimonial-card__stars{color:var(--warning);gap:4px;font-size:.875rem;display:flex}.testimonial-card__text{color:var(--text-primary);flex:1;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-card__author{align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.testimonial-card__avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.testimonial-card__name{color:var(--text-primary);font-size:.875rem;font-weight:600}.testimonial-card__role{color:var(--text-tertiary);font-size:.75rem}.sp__badges{justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.sp__badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-full);font-size:.813rem;font-weight:600;display:flex}.sp__badge svg{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-cards{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.skeleton-card-wrapper{gap:var(--space-sm);flex-direction:column;display:flex}.skeleton-list{gap:var(--space-md);flex-direction:column;display:flex}.skeleton-list__item{align-items:center;gap:var(--space-md);display:flex}.skeleton-list__text{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-dashboard{gap:var(--space-xl);padding:var(--space-xl);flex-direction:column;display:flex}.skeleton-dashboard__header{justify-content:space-between;align-items:center;display:flex}.skeleton-dashboard__grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.skeleton-dashboard__stat{border-radius:var(--radius-lg);height:100px;padding:var(--space-md);justify-content:center;gap:var(--space-sm);flex-direction:column;display:flex}.skeleton-dashboard__cards{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.skeleton-cards,.skeleton-dashboard__cards{grid-template-columns:1fr}.skeleton-dashboard__grid{grid-template-columns:repeat(2,1fr)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-3xl) 0 var(--space-xl)}.footer__grid{gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.footer__logo img{border-radius:8px}.footer__tagline{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:280px;font-size:.875rem}.footer__contact{gap:var(--space-sm);flex-direction:column;display:flex}.footer__contact a,.footer__contact span{align-items:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:.813rem;text-decoration:none;transition:color .2s;display:flex}.footer__contact a:hover{color:var(--accent)}.footer__nav-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);margin-bottom:var(--space-md);font-size:.813rem;font-weight:700}.footer__nav ul{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer__nav a{color:var(--text-tertiary);font-size:.875rem;transition:color .2s}.footer__nav a:hover{color:var(--accent)}.footer__bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border);text-align:center}.footer__bottom p{color:var(--text-tertiary);font-size:.813rem}@media (width<=768px){.footer__grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}.dashboard{padding:calc(80px + var(--space-xl)) 0 var(--space-4xl);min-height:100vh}.dashboard__plan-banner{padding:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.dashboard__plan-info{gap:var(--space-2xl);flex-wrap:wrap;align-items:center;display:flex}.dashboard__plan-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:4px;font-size:.75rem;font-weight:600}.dashboard__plan-name{align-items:baseline;gap:var(--space-sm);font-size:1.75rem;display:flex}.dashboard__plan-name-ko{color:var(--text-tertiary);font-size:1rem;font-weight:500}.dashboard__plan-cancel-notice{margin-top:var(--space-sm);color:var(--danger);font-size:.813rem}.dashboard__plan-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dashboard__plan-price{align-items:baseline;gap:4px;display:flex}.dashboard__plan-amount{font-family:var(--font-heading);color:var(--accent);font-size:1.25rem;font-weight:800}.dashboard__plan-cycle{color:var(--text-tertiary);font-size:.75rem}.dashboard__plan-period{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.75rem;display:flex}.dashboard__section{margin-bottom:var(--space-xl)}.dashboard__section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-primary);font-size:1.125rem;display:flex}.dashboard__section-title svg{color:var(--accent)}.dashboard__usage-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.dashboard__usage-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard__usage-grid{grid-template-columns:1fr}}.dashboard__usage-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.dashboard__usage-card .btn-sm{padding:8px 16px;font-size:.75rem}.usage-gauge{gap:var(--space-sm);flex-direction:column;display:flex}.usage-gauge__header{align-items:center;gap:var(--space-sm);display:flex}.usage-gauge__icon{border-radius:var(--radius-sm);background:var(--accent-light);width:32px;height:32px;color:var(--accent);justify-content:center;align-items:center;font-size:.875rem;display:flex}.usage-gauge--warning .usage-gauge__icon{color:var(--warning);background:#fdcb6e26}.usage-gauge--danger .usage-gauge__icon{color:var(--danger);background:#e1705526}.usage-gauge__label{color:var(--text-primary);font-size:.875rem;font-weight:600}.usage-gauge__bar-container{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.usage-gauge__bar{background:var(--accent-gradient);border-radius:3px;height:100%;transition:width 1s cubic-bezier(.25,.46,.45,.94)}.usage-gauge--warning .usage-gauge__bar{background:linear-gradient(135deg,#fdcb6e,#e17055)}.usage-gauge--danger .usage-gauge__bar{background:linear-gradient(135deg,#e17055,#d63031)}.usage-gauge__values{align-items:baseline;gap:4px;display:flex}.usage-gauge__current{font-family:var(--font-heading);color:var(--text-primary);font-size:1.25rem;font-weight:800}.usage-gauge__separator{color:var(--text-tertiary);font-size:.75rem}.usage-gauge__limit{color:var(--text-secondary);font-size:.875rem}.usage-gauge__pct{color:var(--accent);margin-left:auto;font-size:.75rem;font-weight:600}.usage-gauge__pct.warning{color:var(--warning)}.usage-gauge__pct.danger{color:var(--danger)}.usage-gauge__alert{color:var(--warning);align-items:center;gap:4px;font-size:.688rem;display:flex}.usage-gauge__alert--danger{color:var(--danger)}.dashboard__features-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.dashboard__features-grid{grid-template-columns:1fr}}.feature-gate{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:all .2s;display:flex}.feature-gate--enabled{border-color:#00b89433}.feature-gate--locked{cursor:pointer;opacity:.7}.feature-gate--locked:hover{opacity:1;border-color:var(--accent);background:var(--accent-light)}.feature-gate__icon{border-radius:var(--radius-sm);background:var(--accent-light);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.feature-gate--enabled .feature-gate__icon{color:var(--success);background:#00b8941f}.feature-gate__info{flex:1;min-width:0}.feature-gate__label{color:var(--text-primary);font-size:.875rem;font-weight:600;display:block}.feature-gate__label-ko{color:var(--text-tertiary);font-size:.75rem}.dashboard__actions-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.dashboard__actions-grid{grid-template-columns:1fr}}.dashboard__action-card{padding:var(--space-lg);align-items:center;gap:var(--space-md);cursor:pointer;font-size:.938rem;font-weight:600;transition:all .2s;display:flex}.dashboard__action-card:hover{border-color:var(--accent)}.dashboard__action-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.guide{padding:calc(80px + var(--space-xl)) 0 var(--space-4xl);min-height:100vh}.guide__toc{padding:var(--space-xl);margin-bottom:var(--space-2xl)}.guide__toc-title{margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);color:var(--accent);font-size:1.125rem;display:flex}.guide__toc-list{gap:var(--space-xs) var(--space-xl);padding-left:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.guide__toc-list{grid-template-columns:1fr}}.guide__toc-list li{font-size:.938rem;line-height:2}.guide__toc-list a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.guide__toc-list a:hover{color:var(--accent)}.guide__block{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border)}.guide__block:last-of-type{border-bottom:none}.guide__block-title{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-md);scroll-margin-top:100px;font-size:1.5rem;display:flex}.guide__block-icon{color:var(--accent);font-size:1.25rem}.guide__sub{margin-bottom:var(--space-lg)}.guide__sub-title{margin-bottom:var(--space-md);padding-left:var(--space-sm);border-left:3px solid var(--accent);font-size:1.063rem;font-weight:700}.guide__steps{padding-left:var(--space-xl);gap:var(--space-sm);flex-direction:column;display:flex}.guide__step{color:var(--text-secondary);font-size:.938rem;line-height:1.7}.guide__step::marker{color:var(--accent);font-weight:700}.guide__faq-item{flex-direction:column;gap:4px;display:flex}.guide__faq-q{color:var(--text-primary);font-weight:600}.guide__faq-a{color:var(--text-secondary);padding-left:var(--space-md)}.guide__contact{padding:var(--space-2xl);text-align:center;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);flex-direction:column;display:flex}.guide__contact-icon{background:var(--accent-light);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.guide__contact h3{font-size:1.25rem}.guide__contact p{font-size:.938rem}.guide__contact-links{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.upgrade-modal{background:0 0;border:none;width:95vw;max-width:960px;padding:0;overflow:visible}.upgrade-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.upgrade-modal__backdrop{z-index:-1;position:fixed;inset:0}.upgrade-modal__content{padding:var(--space-2xl);max-height:90vh;position:relative;overflow-y:auto}.upgrade-modal__close{top:var(--space-md);right:var(--space-md);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;z-index:1;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.upgrade-modal__close:hover{background:var(--accent-light);color:var(--accent)}.upgrade-modal__header{text-align:center;margin-bottom:var(--space-xl)}.upgrade-modal__header h2{margin-top:var(--space-sm);font-size:1.75rem}.upgrade-modal__reason{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--danger);border-radius:var(--radius-sm);background:#e170551a;font-size:.875rem;display:inline-block}.upgrade-modal__plans{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.upgrade-modal__plans{grid-template-columns:1fr}}.upgrade-modal__plan{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:var(--space-md);flex-direction:column;transition:all .3s;display:flex;position:relative}.upgrade-modal__plan--target{border-color:var(--accent);box-shadow:0 4px 24px var(--accent-glow);transform:scale(1.02)}.upgrade-modal__plan--current{border-color:var(--success)}.upgrade-modal__plan-badge{top:calc(-1 * var(--space-sm));right:var(--space-md);font-size:.688rem;position:absolute}.upgrade-modal__plan-name{align-items:baseline;gap:var(--space-sm);font-size:1.25rem;display:flex}.upgrade-modal__plan-name-ko{color:var(--text-tertiary);font-size:.813rem;font-weight:500}.upgrade-modal__plan-price{align-items:baseline;gap:4px;display:flex}.upgrade-modal__plan-currency{color:var(--text-tertiary);font-size:.688rem;font-weight:600}.upgrade-modal__plan-amount{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:800}.upgrade-modal__plan-unit{color:var(--text-tertiary);font-size:.75rem}.upgrade-modal__plan-limits{padding:var(--space-sm) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;list-style:none;display:flex}.upgrade-modal__plan-limits li{justify-content:space-between;font-size:.813rem;display:flex}.upgrade-modal__plan-limit-label{color:var(--text-tertiary)}.upgrade-modal__plan-limit-value{color:var(--text-primary);font-weight:600}.upgrade-modal__plan-features{flex-direction:column;flex:1;gap:6px;list-style:none;display:flex}.upgrade-modal__plan-features li{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.813rem;display:flex}.upgrade-modal__check{color:var(--success);flex-shrink:0;font-size:.688rem}.upgrade-modal__plan-cta{width:100%;margin-top:auto}.upgrade-modal__plan-cta-current{text-align:center;color:var(--text-tertiary);border:1px dashed var(--border-strong);border-radius:var(--radius-md);margin-top:auto;padding:12px;font-size:.875rem;font-weight:600}.upgrade-modal__footer-text{text-align:center;color:var(--text-tertiary);margin-top:var(--space-lg);font-size:.75rem}:root{--bg-primary:#fafaf9;--bg-secondary:#f2f1ee;--bg-tertiary:#e8e7e4;--surface:#ffffffc7;--surface-hover:#ffffffeb;--border:#1414140f;--border-strong:#1414141f;--secondary:#1c1c1e;--secondary-light:#3a3a3c;--text-primary:#1c1c1e;--text-secondary:#636366;--text-tertiary:#aeaeb2;--accent:#0d9488;--accent-hover:#0f766e;--accent-light:#0d948814;--accent-glow:#0d948833;--accent-gradient:linear-gradient(135deg, #0d9488 0%, #2dd4bf 100%);--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--glass-bg:#ffffffa6;--glass-border:#fff6;--glass-shadow:0 8px 32px #0000000f;--skeleton-base:#e8e7e4;--skeleton-shine:#f2f1ee;--font-body:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Montserrat", "Pretendard Variable", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#111;--bg-secondary:#1a1a1a;--bg-tertiary:#242424;--surface:#1a1a1ad9;--surface-hover:#242424eb;--border:#ffffff0f;--border-strong:#ffffff1f;--secondary:#e5e5e5;--secondary-light:#b0b0b0;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--text-tertiary:#666;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-light:#2dd4bf1f;--accent-glow:#2dd4bf40;--glass-bg:#111c;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px #0006;--skeleton-base:#242424;--skeleton-shine:#2e2e2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s var(--ease-out), color .3s var(--ease-out);line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}[data-theme=dark] body:before{opacity:.06}.skip-nav{top:-100%;left:var(--space-md);z-index:10000;padding:var(--space-sm) var(--space-md);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:top .2s;position:absolute}.skip-nav:focus{top:var(--space-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1rem,1.5vw,1.25rem)}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.glass-card:hover{box-shadow:0 12px 48px #00000014}.glass-card .spotlight{pointer-events:none;opacity:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #0d94880f, transparent 40%);transition:opacity .3s;position:absolute;inset:0}.glass-card:hover .spotlight{opacity:1}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out);white-space:nowrap;border:none;padding:12px 24px;font-size:.938rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--accent);background:var(--accent-light)}.ripple{pointer-events:none;background:#fff6;border-radius:50%;animation:.6s linear ripple-anim;position:absolute;transform:scale(0)}@keyframes ripple-anim{to{opacity:0;transform:scale(4)}}.skeleton{background:var(--skeleton-base);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-shine) 50%, transparent 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{width:80%;height:16px;margin-bottom:8px}.skeleton-title{width:60%;height:28px;margin-bottom:12px}.skeleton-card{border-radius:var(--radius-lg);height:200px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.fade-up{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.1s}.fade-up-delay-2{transition-delay:.2s}.fade-up-delay-3{transition-delay:.3s}.fade-up-delay-4{transition-delay:.4s}.container{width:100%;max-width:1200px;padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-label{align-items:center;gap:var(--space-sm);background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-size:.813rem;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding:6px 14px;display:inline-flex}.section-title{margin-bottom:var(--space-md)}.section-desc{max-width:600px;margin-bottom:var(--space-2xl)}.section-header{text-align:left;flex-direction:column;align-items:flex-start;max-width:640px;display:flex}.bento-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.bento-grid .span-2{grid-column:span 2}.bento-grid .span-3{grid-column:span 3}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.bento-grid .span-2,.bento-grid .span-3{grid-column:span 1}}@media (width>=769px) and (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .span-3{grid-column:span 2}}.scroll-container{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--space-md);padding-bottom:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-container::-webkit-scrollbar{display:none}.scroll-container>*{scroll-snap-align:start;flex:0 0 85%}}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{color:var(--success);background:#00b8941f}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fade-up{opacity:1;transform:none}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}