@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");:root{--color-primary:#2f82ff;--color-secondary:#9572ff;--color-accent:#0f4;--color-dark:#1d1d1f;--color-gray-900:#1d1d1f;--color-gray-800:#2e2e32;--color-gray-700:#48484d;--color-gray-600:#64646b;--color-gray-500:#86868b;--color-gray-400:#a1a1a6;--color-gray-300:#c7c7cc;--color-gray-200:#e5e5e7;--color-gray-100:#f5f5f7;--color-white:#ffffff;--font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--color-dark);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body.dashboard-page{background-color:var(--color-gray-100)}h1{font-size:56px;line-height:1.2}h1,h2{font-weight:700;letter-spacing:-.02em}h2{font-size:48px;line-height:1.3}h3{font-size:32px;font-weight:600;line-height:1.4;letter-spacing:-.01em}p{font-size:18px;font-weight:400;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:1}@container (max-width: 372px){.special-card .card-title{font-size:22px}}body:not(.dashboard-page) header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);transition:all .3s ease}body:not(.dashboard-page) header.scrolled{background:rgba(255,255,255,.95)}body:not(.dashboard-page) nav{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{font-size:24px;font-weight:700;color:var(--color-dark);text-decoration:none}.nav-links{display:flex;gap:var(--space-10);align-items:center}.nav-links a{font-size:16px;font-weight:500;color:var(--color-gray-700);text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--color-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:16px;font-weight:600;border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--color-dark);color:var(--color-white)}.btn-primary:hover{background:var(--color-gray-800);transform:translateY(-1px)}.login-btn{color:var(--color-gray-700);text-decoration:none;font-weight:500;transition:all .2s ease;margin-right:16px}.login-btn:hover{color:var(--color-dark)}.auth-buttons{display:flex;align-items:center;gap:16px}.btn-secondary{background:var(--color-gray-100);color:var(--color-dark)}.btn-secondary:hover{background:var(--color-gray-200)}.hero{padding-top:120px;padding-bottom:var(--space-20);background:linear-gradient(135deg,#f8f9fb,#e8f0ff);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none}.hero-shape-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px;animation:float 20s ease-in-out infinite}.hero-shape-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-100px;right:-100px;animation:float 25s ease-in-out infinite reverse}.hero-shape-3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:10%;animation:float 30s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-50px) rotate(180deg)}}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero h1{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-dark) 0,var(--color-gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:20px;margin-bottom:var(--space-10);color:var(--color-gray-600)}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center}.app-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-dark);color:var(--color-white);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.app-btn:hover{background:var(--color-gray-800);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.app-btn-icon{width:24px;height:24px}.app-btn-text{text-align:left}.app-btn-text small{font-size:11px;opacity:.8}.app-btn-text strong{font-size:15px;display:block;margin-top:-2px}.partners{padding:var(--space-16) 0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.partner-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-12);opacity:.4;filter:grayscale(100%)}.partner-logos span{font-size:20px;font-weight:600;color:var(--color-dark)}.stats{padding:var(--space-20) 0;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:relative;overflow:hidden}.stats-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none}.stats-shape-1{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);top:-250px;right:-150px;animation:float 22s ease-in-out infinite}.stats-header{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:1}.stats-header h2{margin-bottom:var(--space-4)}.stats-highlight{color:var(--color-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.stat-card{background:var(--color-white);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease;text-align:center}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.stat-number{font-size:48px;font-weight:700;color:var(--color-dark);margin-bottom:var(--space-4)}.stat-label{font-size:14px;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.stat-description{font-size:16px;color:var(--color-gray-700);line-height:1.6}.features{padding:var(--space-20) 0;background:linear-gradient(135deg,#ffffff,#f8f9fb);position:relative;overflow:hidden}.features-shape{position:absolute;filter:blur(120px);opacity:.2;pointer-events:none}.features-shape-1{width:700px;height:700px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:40% 60% 70% 30%/40% 50% 60% 50%;top:-300px;left:-300px;animation:morph 25s ease-in-out infinite}.features-shape-2{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;bottom:-200px;right:-100px;animation:morph 20s ease-in-out infinite reverse}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:rotate(0deg) scale(1)}25%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(90deg) scale(1.1)}50%{border-radius:30% 70% 50% 50%/30% 60% 40% 60%;transform:rotate(180deg) scale(.9)}75%{border-radius:70% 30% 40% 60%/70% 40% 60% 30%;transform:rotate(270deg) scale(1.05)}}.features h2{text-align:center;margin-bottom:var(--space-16)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-10)}@media (max-width:800px){.features-grid{grid-template-columns:1fr!important}}.feature-card{text-align:center}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:32px;height:32px;color:var(--color-white)}.feature-number{width:64px;height:64px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--color-white)}.feature-card h3{font-size:24px;margin-bottom:var(--space-4)}.feature-card p{font-size:16px;line-height:1.6}.special-section{padding:var(--space-20) 0}.special-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fd,#f0f7ff);padding:var(--space-16);border-radius:var(--radius-xl);text-align:center;max-width:500px;margin:0 auto}.card-title{font-size:24px;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-4)}.special-badge,.special-icon{width:96px;height:96px;margin:0 auto var(--space-8);background:var(--color-white);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:48px;font-weight:700;color:var(--color-primary)}.cta{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);text-align:center;color:var(--color-white);position:relative;overflow:hidden}.cta-shape{position:absolute;filter:blur(100px);opacity:.15;pointer-events:none}.cta-shape-1{width:400px;height:400px;background:var(--color-white);border-radius:50%;top:-200px;left:-100px;animation:float 18s ease-in-out infinite}.cta-shape-2{width:300px;height:300px;background:var(--color-accent);border-radius:50%;bottom:-150px;right:-100px;animation:float 23s ease-in-out infinite reverse}.cta h2{color:var(--color-white);margin-bottom:var(--space-6)}.cta p{color:rgba(255,255,255,.9);font-size:16px;margin-bottom:var(--space-10)}.cta .btn{background:var(--color-white);color:var(--color-primary);font-size:18px;padding:var(--space-4) var(--space-8)}.cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}footer{background:var(--color-dark);color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8) 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-10);margin-bottom:var(--space-10)}.footer-section h4{color:var(--color-white);font-size:16px;font-weight:600;margin-bottom:var(--space-4)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--space-2)}.footer-section a{color:var(--color-gray-400);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-section a:hover{color:var(--color-white)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-gray-800);display:flex;justify-content:space-between;align-items:center}.social-links{display:flex;gap:var(--space-4)}.social-links a{color:var(--color-gray-400);transition:color .2s ease}.social-links a:hover{color:var(--color-white)}@media (max-width:768px){h1{font-size:40px}h2{font-size:32px}.nav-links{display:none}.hero-buttons{flex-direction:column;width:100%}.app-btn{width:100%;justify-content:center}.features-grid,.stats-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-4)}}.dashboard-container{display:flex;min-height:100vh;background:var(--color-gray-50)}.main-content{flex:1;margin-left:280px!important;display:flex;flex-direction:column;background:#f8f9fa;min-height:100vh}.main-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-5) var(--space-8);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.page-title{font-size:24px;font-weight:700;color:var(--color-dark);margin:0}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.notification-btn{position:relative;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.notification-btn:hover{background-color:var(--color-gray-100)}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:white;font-size:10px;font-weight:600;padding:2px 4px;border-radius:10px;min-width:16px;text-align:center}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:14px;color:var(--color-gray-600)}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:8px}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}@media (max-width:1024px){.main-content{margin-left:0}.mobile-menu-btn{display:block}}@media (max-width:768px){.main-header{padding:var(--space-4)}.page-title{font-size:20px}}