.nav{position:sticky;top:0;z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--gray-100)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-symbol{height:32px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--space-8);flex:1;justify-content:center}.nav-link{color:var(--gray-700);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-in-out),background var(--duration-fast) var(--ease-in-out)}.nav-link:hover{color:var(--gray-900);background:var(--gray-50)}.nav-link.active{color:var(--primary-600)}.nav-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap}.nav-button.primary{background:var(--primary-500);color:#fff}.nav-button.primary:hover{background:var(--primary-600);transform:scale(1.02)}@media(max-width:768px){.nav-links{display:none}.nav-container{padding:0 var(--space-4)}}.footer{background:var(--gray-900);color:var(--gray-300);padding:var(--space-16) 0 var(--space-8);margin-top:auto}.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-10)}.footer-section h4{color:var(--gray-100);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4)}.footer-section a{display:block;color:var(--gray-400);text-decoration:none;font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-in-out)}.footer-section a:hover{color:var(--gray-100)}.footer-bottom{max-width:var(--max-width);margin:var(--space-10) auto 0;padding:var(--space-6) var(--space-6) 0;border-top:1px solid var(--gray-800)}.footer-bottom p{margin:0;font-size:var(--text-sm);color:var(--gray-500)}.public-layout{min-height:100vh;display:flex;flex-direction:column}.public-main{flex:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin:0 0 var(--space-12);color:var(--gray-900)}.text-primary{color:var(--primary-500)}.hero{padding:var(--space-20) var(--space-6);text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:48px;font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:var(--gray-900)}.hero-subtitle{font-size:var(--text-xl);color:var(--gray-600);margin:0 0 var(--space-10);line-height:var(--leading-relaxed)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px)}.features{padding:var(--space-20) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.feature-card{background:var(--bg-primary);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--duration-normal) var(--ease-in-out)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:48px;margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--gray-900)}.feature-card p{color:var(--gray-600);margin:0;line-height:var(--leading-relaxed)}.how-it-works{padding:var(--space-20) 0;background:var(--bg-secondary)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.step{flex:1;min-width:200px;max-width:280px;text-align:center}.step-number{width:48px;height:48px;background:var(--primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 auto var(--space-4)}.step h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-2);color:var(--gray-900)}.step p{color:var(--gray-600);margin:0;font-size:var(--text-sm)}.step-arrow{font-size:var(--text-2xl);color:var(--gray-300);padding-top:var(--space-3)}.pricing-preview{padding:var(--space-20) 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:960px;margin:0 auto}.pricing-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative}.pricing-card.featured{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500)}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-500);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.pricing-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--gray-900)}.pricing-card .price{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-6)}.pricing-card .price span{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--gray-500)}.pricing-card ul{list-style:none;padding:0;margin:0 0 var(--space-6);text-align:left}.pricing-card li{padding:var(--space-2) 0;color:var(--gray-600);font-size:var(--text-sm)}.pricing-card li:before{content:"✓";color:var(--success);margin-right:var(--space-2)}.cta{padding:var(--space-20) 0;background:var(--gray-900);text-align:center}.cta h2{font-size:var(--text-3xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-4)}.cta p{color:var(--gray-400);margin:0 0 var(--space-8);font-size:var(--text-lg)}@media(max-width:768px){.hero-title{font-size:36px}.step-arrow{display:none}.steps{flex-direction:column;align-items:center}}.about-page .container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.about-hero{padding:var(--space-20) 0;background:var(--bg-secondary);text-align:center}.about-hero h1{font-size:42px;font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-6);color:var(--gray-900)}.about-hero .lead{font-size:var(--text-xl);color:var(--gray-600);max-width:600px;margin:0 auto;line-height:var(--leading-relaxed)}.about-vision{padding:var(--space-16) 0}.about-vision h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-6);color:var(--gray-900)}.vision-content{max-width:700px}.vision-content p{font-size:var(--text-lg);color:var(--gray-600);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.about-values{padding:var(--space-16) 0;background:var(--bg-secondary)}.about-values h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-10);text-align:center;color:var(--gray-900)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.value-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.value-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--gray-900)}.value-card p{color:var(--gray-600);margin:0;line-height:var(--leading-relaxed)}@media(max-width:768px){.about-hero h1{font-size:32px}}.pricing-page .container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.pricing-hero{padding:var(--space-16) 0;text-align:center;background:var(--bg-secondary)}.pricing-hero h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--gray-900)}.pricing-hero p{font-size:var(--text-xl);color:var(--gray-600);margin:0}.pricing-plans{padding:var(--space-16) 0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto}.plan-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);position:relative;display:flex;flex-direction:column}.plan-card.featured{border-color:var(--primary-500);box-shadow:0 0 0 1px var(--primary-500),var(--shadow-lg)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-500);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full)}.plan-card h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--gray-900)}.plan-price{margin-bottom:var(--space-4)}.plan-price .amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--gray-900)}.plan-price .period{font-size:var(--text-base);color:var(--gray-500)}.plan-desc{color:var(--gray-600);margin:0 0 var(--space-6);font-size:var(--text-sm)}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-8);flex:1}.plan-features li{padding:var(--space-2) 0;color:var(--gray-700);font-size:var(--text-sm)}.plan-features li:before{content:"✓";color:var(--success);margin-right:var(--space-2);font-weight:var(--font-bold)}.plan-card .btn{width:100%}.gyul-packages{padding:var(--space-16) 0;background:var(--bg-secondary)}.gyul-packages h2{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;margin:0 0 var(--space-2);color:var(--gray-900)}.gyul-desc{text-align:center;color:var(--gray-600);margin:0 0 var(--space-10)}.gyul-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);max-width:800px;margin:0 auto}.gyul-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.gyul-amount{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.gyul-price{color:var(--gray-600);font-size:var(--text-sm)}.gyul-usage{padding:var(--space-16) 0}.gyul-usage h2{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;margin:0 0 var(--space-10);color:var(--gray-900)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);max-width:800px;margin:0 auto}.usage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.usage-action{color:var(--gray-700);font-size:var(--text-sm)}.usage-cost{font-weight:var(--font-semibold);color:var(--primary-600)}.faq-page .container{max-width:800px;margin:0 auto;padding:0 var(--space-6)}.faq-hero{padding:var(--space-16) 0;text-align:center;background:var(--bg-secondary)}.faq-hero h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);color:var(--gray-900)}.faq-hero p{font-size:var(--text-xl);color:var(--gray-600);margin:0}.faq-content{padding:var(--space-16) 0}.faq-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-200);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--gray-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.filter-btn:hover{border-color:var(--gray-300)}.filter-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;padding:var(--space-5);background:var(--bg-primary);border:none;text-align:left;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background var(--duration-fast) var(--ease-in-out)}.faq-question:hover{background:var(--gray-50)}.faq-icon{font-size:var(--text-xl);color:var(--gray-400);flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-in-out)}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 var(--space-5) var(--space-5);margin:0;color:var(--gray-600);line-height:var(--leading-relaxed)}.faq-contact{padding:var(--space-16) 0;text-align:center;background:var(--bg-secondary)}.faq-contact h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);color:var(--gray-900)}.faq-contact p{color:var(--gray-600);margin:0}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:var(--space-6)}.auth-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.auth-logo img{height:48px;width:auto}.auth-card{width:100%;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.auth-footer{text-align:center}.auth-footer a{color:var(--gray-500);text-decoration:none;font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-in-out)}.auth-footer a:hover{color:var(--primary-600)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);text-align:center;margin:0 0 var(--space-2)}.auth-subtitle{text-align:center;color:var(--gray-600);margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.auth-error{background:#fef2f2;border:1px solid #FECACA;color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.form-group input{padding:var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--bg-tertiary);font-size:var(--text-base);color:var(--gray-900);transition:box-shadow var(--duration-fast) var(--ease-in-out)}.form-group input:focus{outline:none;box-shadow:0 0 0 2px var(--primary-500)}.form-group input::placeholder{color:var(--gray-400)}.form-group input.code-input{text-align:center;font-size:var(--text-2xl);letter-spacing:.5em;font-weight:var(--font-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--duration-fast) var(--ease-in-out);border:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-full{width:100%;padding:var(--space-4)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-divider span{color:var(--gray-400);font-size:var(--text-sm)}.social-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.btn-social{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--gray-200);background:var(--bg-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.btn-social:hover{background:var(--gray-50)}.btn-social.kakao{background:#fee500;border-color:#fee500;color:#191919}.btn-social.kakao:hover{background:#f5dc00}.btn-social.naver{background:#03c75a;border-color:#03c75a;color:#fff}.btn-social.naver:hover{background:#02b350}.btn-social.google{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-social.google:hover{background:var(--gray-50)}.auth-links{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--gray-500)}.auth-links a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium)}.auth-links a:hover{text-decoration:underline}.auth-links .separator{margin:0 var(--space-2)}.link-button{background:none;border:none;color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:0}.link-button:hover{text-decoration:underline}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column}.dashboard-container{flex:1;display:flex;max-width:var(--max-width);margin:0 auto;width:100%}.dashboard-sidebar{width:240px;padding:var(--space-6);border-right:1px solid var(--gray-100)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--gray-600);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-in-out)}.sidebar-link:hover{background:var(--gray-50);color:var(--gray-900)}.sidebar-link.active{background:var(--primary-50);color:var(--primary-600)}.sidebar-link svg{flex-shrink:0}.dashboard-main{flex:1;padding:var(--space-8)}@media(max-width:768px){.dashboard-sidebar{display:none}}.dashboard-page{max-width:900px}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2)}.dashboard-header p{color:var(--gray-500);margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.gyul-card{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;display:flex;align-items:center;gap:var(--space-4)}.gyul-icon{font-size:40px}.gyul-info{flex:1;display:flex;flex-direction:column}.gyul-label{font-size:var(--text-sm);opacity:.9}.gyul-balance{font-size:var(--text-2xl);font-weight:var(--font-bold)}.gyul-action{background:#fff3;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:background var(--duration-fast) var(--ease-in-out)}.gyul-action:hover{background:#ffffff4d}.plan-card{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.plan-label{font-size:var(--text-sm);color:var(--gray-500)}.plan-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900)}.plan-detail{font-size:var(--text-sm);color:var(--gray-600)}.workflows-section{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.section-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--duration-fast) var(--ease-in-out);border:none;cursor:pointer}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--bg-primary);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50)}.workflows-list{display:flex;flex-direction:column;gap:var(--space-3)}.workflow-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:background var(--duration-fast) var(--ease-in-out)}.workflow-card:hover{background:var(--gray-100)}.workflow-status{width:10px;height:10px;border-radius:var(--radius-full);background:var(--gray-300);flex-shrink:0}.workflow-status.active{background:var(--success)}.workflow-status.paused{background:var(--warning)}.workflow-status.error{background:var(--error)}.workflow-info{flex:1;min-width:0}.workflow-info h3{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-900);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-info p{font-size:var(--text-sm);color:var(--gray-500);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-meta{flex-shrink:0}.workflow-last-run{font-size:var(--text-xs);color:var(--gray-400)}.workflow-action{color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;flex-shrink:0}.workflow-action:hover{text-decoration:underline}.workflow-empty{text-align:center;padding:var(--space-10);color:var(--gray-500)}.workflow-empty p{margin:0 0 var(--space-4)}@media(max-width:640px){.workflow-card{flex-wrap:wrap}.workflow-meta{width:100%;order:3}}:root{--primary-50: #FFF7ED;--primary-100: #FFEDD5;--primary-200: #FED7AA;--primary-300: #FDBA74;--primary-400: #FB923C;--primary-500: #F97316;--primary-600: #EA580C;--primary-700: #C2410C;--primary-800: #9A3412;--primary-900: #7C2D12;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--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: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .05);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--max-width: 1200px;--nav-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background:var(--bg-primary)}a{color:inherit}button{font-family:inherit}img{max-width:100%;height:auto}strong{font-weight:var(--font-semibold)}