:root{--color-primary: #E5FF00;--color-primary-hover: #CFEB00;--color-primary-pressed: #B8D600;--color-background: #000000;--color-surface: #424242;--color-surface-light: #F5F5F5;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-text-on-primary: #000000;--color-border: rgba(255, 255, 255, .08);--color-success: #4ADE80;--color-error: #FB7185;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: .7rem;--font-size-sm: .825rem;--font-size-base: .95rem;--font-size-lg: 1.05rem;--font-size-xl: 1.15rem;--font-size-2xl: 1.4rem;--font-size-3xl: 1.85rem;--font-size-4xl: 2.3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-max-width: 1200px;--container-padding: var(--spacing-md);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container{padding:0 var(--spacing-md)}@media(min-width:768px){.container{padding:0 var(--spacing-xl)}}@media(min-width:1024px){.container{padding:0 var(--spacing-2xl)}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-on-primary{color:var(--color-text-on-primary)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-dark{background-color:var(--color-background)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:none;border-radius:var(--border-radius-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-full{width:100%}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 30px #e5ff004d}.btn-primary:active:not(:disabled){background-color:var(--color-primary-pressed);transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#424242cc;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.link{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-dark)}.link-plain{text-decoration:none}.link-plain:hover{text-decoration:underline}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.mobile-only{display:block}.desktop-only{display:none}.footer{padding:var(--spacing-2xl) 0;background-color:#0a0a0a;border-top:1px solid var(--color-border)}.footer-content{text-align:center}.footer-brand{margin-bottom:var(--spacing-xl)}.footer-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.footer-logo-image{width:32px;height:32px}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-contact{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.footer-kakao-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:#fee500;color:#000;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);text-decoration:none}.footer-kakao-btn:hover{background-color:#fdd835;transform:translateY(-2px);box-shadow:0 4px 12px #fee50066}.kakao-icon{width:20px;height:20px;color:#000}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-divider{color:var(--color-border)}.footer-info{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer-company{margin-bottom:var(--spacing-xs)}.footer-copyright{opacity:.8}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}.footer-content{display:flex;flex-direction:column;align-items:center}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;color:var(--color-text-primary);padding:var(--spacing-2xl) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(229,255,0,.15) 0%,transparent 70%);pointer-events:none}.hero-content{text-align:center;max-width:600px;margin:0 auto}.hero-logo{margin-bottom:var(--spacing-xl)}.logo-image{width:120px;height:120px;margin:0 auto;display:block;filter:drop-shadow(0 8px 32px rgba(229,255,0,.3))}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);line-height:1.2}.hero-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);color:var(--color-primary);line-height:1.3}.hero-description{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-2xl);color:var(--color-text-secondary)}.hero-cta{margin-top:var(--spacing-2xl)}.hero-cta .btn{background-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold);box-shadow:0 4px 20px #e5ff004d;min-width:200px}.hero-cta .btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #e5ff0080;background-color:var(--color-primary-hover)}.features{background-color:#0a0a0a}.features-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-3xl);color:var(--color-text-primary);line-height:1.2}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.feature-card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e5ff0026;border-color:var(--color-primary);background:#424242cc}.feature-icon{font-size:3.5rem;margin-bottom:var(--spacing-lg);line-height:1}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:1.3}.feature-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-muted)}.cta{padding:var(--spacing-3xl) 0;background:#000;color:var(--color-text-primary);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(229,255,0,.1) 0%,transparent 70%);pointer-events:none}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);line-height:1.2}.cta-description{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-2xl);color:var(--color-text-secondary)}.cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.cta-buttons .btn{background-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold);box-shadow:0 4px 20px #e5ff004d;min-width:200px}.cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #e5ff0080;background-color:var(--color-primary-hover)}@media(min-width:768px){.hero-title{font-size:3.2rem}.hero-subtitle{font-size:var(--font-size-xl)}.logo-image{width:140px;height:140px}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}.cta-buttons{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero{min-height:90vh}.hero-title{font-size:3.6rem}.logo-image{width:160px;height:160px}.features-grid{grid-template-columns:repeat(4,1fr)}.feature-card{padding:var(--spacing-2xl)}.cta-title{font-size:3.2rem}}@media(min-width:1440px){.hero-title{font-size:4rem}.features-title,.cta-title{font-size:3.6rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content,.feature-card,.cta-content{animation:fadeInUp .6s ease-out}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}