.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000}.header-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo-text{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.nav-list{display:flex;gap:var(--spacing-xl)}.nav-link{font-size:var(--font-base);font-weight:var(--font-medium);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.nav-link:hover{color:var(--color-primary);background-color:var(--color-bg-light)}.nav-link.active{color:var(--color-primary);background-color:#2563eb1a}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;padding:0}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--color-text);transition:all var(--transition-base)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.menu-toggle{display:flex}.nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--color-bg);padding:var(--spacing-xl);transform:translate(100%);transition:transform var(--transition-slow)}.nav.open{transform:translate(0)}.nav-list{flex-direction:column;gap:var(--spacing-md)}.nav-link{display:block;font-size:var(--font-lg);padding:var(--spacing-md);text-align:center}}.footer{background-color:var(--color-bg-dark);color:var(--color-text-white);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-primary-light);margin-bottom:var(--spacing-md)}.footer-description{color:#ffffffb3;line-height:1.7}.footer-section h4{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-lg)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:#ffffffb3;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-white)}.footer-contact{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-contact li{display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffb3}.contact-icon{font-size:var(--font-lg)}.footer-bottom{padding-top:var(--spacing-xl);text-align:center}.footer-bottom p{color:#ffffff80;font-size:var(--font-sm)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.footer-contact li{justify-content:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:var(--color-text-white);text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.hero-content{max-width:800px}.hero-title{font-size:var(--font-5xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--spacing-xl)}.hero-title .highlight{background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-xl);color:#fffc;margin-bottom:var(--spacing-2xl);line-height:1.7}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.hero-buttons .btn-secondary{color:var(--color-text-white);border-color:var(--color-text-white)}.hero-buttons .btn-secondary:hover{background-color:var(--color-text-white);color:var(--color-bg-dark)}.features{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.feature-card{background-color:var(--color-bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.feature-card h3{font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md);color:var(--color-text)}.feature-card p{color:var(--color-text-light);line-height:1.6}.why-private-cloud{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-dark);color:var(--color-text-white)}.why-private-cloud .section-title{color:var(--color-text-white)}.section-subtitle{text-align:center;font-size:var(--font-lg);color:#ffffffb3;margin-bottom:var(--spacing-2xl)}.comparison-grid{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.comparison-card{background-color:#ffffff1a;padding:var(--spacing-2xl);border-radius:var(--radius-lg);min-width:280px}.comparison-card h3{font-size:var(--font-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-lg);text-align:center}.comparison-card.public h3{color:#f87171}.comparison-card.private h3{color:#4ade80}.comparison-card ul{list-style:none}.comparison-card li{padding:var(--spacing-sm) 0;font-size:var(--font-base)}.negative{color:#fca5a5}.positive{color:#86efac}.comparison-arrow{font-size:3rem;color:var(--color-primary-light)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.benefit-item{text-align:center;padding:var(--spacing-xl);background-color:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.benefit-item h4{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-primary-light);margin-bottom:var(--spacing-md)}.benefit-item p{font-size:var(--font-sm);color:#ffffffb3;line-height:1.6}.services-preview{padding:var(--spacing-3xl) 0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.service-card{padding:var(--spacing-2xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.service-card h3{font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md);color:var(--color-text)}.service-card p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6}.service-link{color:var(--color-primary);font-weight:var(--font-medium);transition:color var(--transition-fast)}.service-link:hover{color:var(--color-primary-dark)}.tech-stack{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.tech-item{background-color:var(--color-bg-card);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-semibold);color:var(--color-primary);border:1px solid var(--color-border);transition:all var(--transition-base)}.tech-item:hover{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary);transform:translateY(-2px)}.cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-3xl) 0;text-align:center}.cta h2{font-size:var(--font-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.cta p{font-size:var(--font-lg);opacity:.9;margin-bottom:var(--spacing-xl)}.cta .btn-primary{background-color:var(--color-text-white);color:var(--color-primary)}.cta .btn-primary:hover{background-color:#ffffffe6}@media(max-width:1024px){.features-grid,.services-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:var(--font-3xl)}.hero-description{font-size:var(--font-lg)}.hero-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.comparison-grid{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}.comparison-card{min-width:100%}.benefits-grid,.services-grid{grid-template-columns:1fr}.cta h2{font-size:var(--font-2xl)}}.company-overview{padding:var(--spacing-3xl) 0}.overview-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.overview-text h2{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-xl)}.overview-text p{font-size:var(--font-lg);color:var(--color-text-light);line-height:1.8;margin-bottom:var(--spacing-lg)}.overview-image .image-placeholder{background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-border) 100%);border-radius:var(--radius-lg);height:400px;display:flex;align-items:center;justify-content:center;font-size:5rem}.company-info{padding:var(--spacing-2xl) 0;background-color:var(--color-bg-light)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.info-card{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.info-card h3{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.info-card p{color:var(--color-text);font-weight:var(--font-medium);line-height:1.6}.core-tech{padding:var(--spacing-3xl) 0}.tech-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}.tech-category{text-align:center;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.tech-category:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.tech-category h3{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.tech-category p{color:var(--color-text);font-weight:var(--font-medium)}.vision-mission{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}.vm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.vm-card{background-color:var(--color-bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md)}.vm-card h3{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.vm-card p{color:var(--color-text-light);line-height:1.7}.clients{padding:var(--spacing-3xl) 0}.clients-section{margin-bottom:var(--spacing-2xl)}.clients-section:last-child{margin-bottom:0}.clients-section h4{text-align:center;font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.clients-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.client-item{background-color:var(--color-bg-light);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-medium);color:var(--color-text);border:1px solid var(--color-border);transition:all var(--transition-base)}.client-item:hover{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.history{padding:var(--spacing-3xl) 0}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:60px;top:50px;bottom:0;width:2px;background-color:var(--color-border)}.timeline-year{flex-shrink:0;width:80px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-white);font-weight:var(--font-bold);border-radius:var(--radius-md)}.timeline-content{flex:1;padding-top:var(--spacing-xs)}.timeline-content h4{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.timeline-content p{color:var(--color-text-light)}@media(max-width:1024px){.info-grid,.tech-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.overview-content{grid-template-columns:1fr}.overview-image .image-placeholder{height:250px}.info-grid,.tech-list,.vm-grid{grid-template-columns:1fr}.clients-grid{gap:var(--spacing-sm)}.client-item{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm)}.timeline-item{flex-direction:column;gap:var(--spacing-md)}.timeline-item:not(:last-child):after{display:none}.timeline-year{width:100px}}.services-section{padding:var(--spacing-3xl) 0}.services-section .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.services-section .service-card{background-color:var(--color-bg-card);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.services-section .service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.services-section .service-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.services-section .service-card h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--spacing-md)}.services-section .service-card>p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6}.service-features{list-style:none}.service-features li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-light);font-size:var(--font-sm)}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.platform-section{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-dark);color:var(--color-text-white)}.platform-section .section-title{color:var(--color-text-white)}.platform-subtitle{text-align:center;font-size:var(--font-lg);color:#ffffffb3;margin-bottom:var(--spacing-2xl)}.platform-stack{max-width:900px;margin:0 auto}.stack-layer{display:flex;align-items:stretch;margin-bottom:var(--spacing-md);background-color:#ffffff0d;border-radius:var(--radius-md);overflow:hidden}.stack-label{width:180px;flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;text-align:center}.stack-items{flex:1;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.stack-items span{background-color:#ffffff1a;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-sm)}.examples-section{padding:var(--spacing-3xl) 0}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.example-card{padding:var(--spacing-2xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.example-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.example-card h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.example-card>p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6}.example-card ul{list-style:none}.example-card li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:var(--font-sm)}.example-card li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.process-section{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-light)}.process-steps{display:flex;justify-content:space-between;position:relative}.process-steps:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background-color:var(--color-border)}.process-step{flex:1;text-align:center;position:relative;z-index:1}.step-number{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-white);font-size:var(--font-2xl);font-weight:var(--font-bold);border-radius:50%}.process-step h4{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.process-step p{color:var(--color-text-light);font-size:var(--font-sm);padding:0 var(--spacing-md)}@media(max-width:1024px){.services-section .services-grid{grid-template-columns:repeat(2,1fr)}.examples-grid{grid-template-columns:1fr}}@media(max-width:768px){.services-section .services-grid{grid-template-columns:1fr}.stack-layer{flex-direction:column}.stack-label{width:100%;padding:var(--spacing-sm) var(--spacing-md)}.stack-items{justify-content:center}.process-steps{flex-direction:column;gap:var(--spacing-2xl)}.process-steps:before{display:none}.step-number{width:60px;height:60px;font-size:var(--font-xl)}}.portfolio-section{padding:var(--spacing-3xl) 0}.portfolio-filter{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-text-light);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer}.filter-btn:hover,.filter-btn.active{background-color:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.portfolio-card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.portfolio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.portfolio-image{position:relative;height:200px;overflow:hidden}.portfolio-image .image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem}.portfolio-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.portfolio-year{background-color:var(--color-primary);color:var(--color-text-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-semibold)}.portfolio-content{padding:var(--spacing-xl)}.portfolio-category{display:inline-block;font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--color-primary);background-color:#2563eb1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.portfolio-content h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.portfolio-content p{color:var(--color-text-light);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--spacing-md)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{font-size:var(--font-xs);color:var(--color-text-light);background-color:var(--color-bg-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.stats-section{padding:var(--spacing-3xl) 0;background-color:var(--color-bg-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);text-align:center}.stat-item{color:var(--color-text-white)}.stat-number{font-size:var(--font-4xl);font-weight:var(--font-bold);color:var(--color-primary-light);margin-bottom:var(--spacing-sm)}.stat-label{font-size:var(--font-base);color:#ffffffb3}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--font-3xl)}}.contact-section{padding:var(--spacing-3xl) 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}.contact-form-wrapper h2,.contact-info-wrapper h2{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--spacing-xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}.submit-result{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:var(--font-medium)}.submit-result.success{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.submit-result.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.btn:disabled{opacity:.6;cursor:not-allowed}.contact-info-list{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.contact-info-item{display:flex;gap:var(--spacing-lg);align-items:flex-start}.info-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-light);border-radius:var(--radius-md)}.info-content h4{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.info-content p{color:var(--color-text-light);line-height:1.6}.map-placeholder{background:linear-gradient(135deg,var(--color-bg-light) 0%,var(--color-border) 100%);border-radius:var(--radius-lg);height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.map-placeholder span{font-size:3rem}.map-placeholder p{color:var(--color-text-light)}@media(max-width:768px){.contact-grid,.form-row{grid-template-columns:1fr}.contact-info-wrapper{order:-1}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-accent: #06b6d4;--color-text: #1e293b;--color-text-light: #64748b;--color-text-white: #ffffff;--color-bg: #ffffff;--color-bg-light: #f8fafc;--color-bg-dark: #0f172a;--color-bg-card: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1200px;--header-height: 72px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.section-title{font-size:var(--font-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--spacing-3xl);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-full{width:100%}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-white);padding:var(--spacing-3xl) 0;text-align:center;margin-top:var(--header-height)}.page-hero h1{font-size:var(--font-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.page-hero p{font-size:var(--font-lg);opacity:.9}@media(max-width:768px){.container{padding:0 var(--spacing-md)}.section-title{font-size:var(--font-2xl);margin-bottom:var(--spacing-2xl)}.page-hero{padding:var(--spacing-2xl) 0}.page-hero h1{font-size:var(--font-3xl)}}