:root{--color-primary:#1a1a1a;--color-primary-light:#404040;--color-accent:#666;--color-text:#2d2d2d;--color-muted:#666;--color-surface:#fff;--color-surface-alt:#f5f5f5;--color-border:#e0e0e0;--shadow-soft:0 4px 6px #00000014;--gradient-primary:linear-gradient(135deg,#1a1a1a,#404040);--gradient-accent:linear-gradient(135deg,#2d2d2d,#666)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.about-header,.contact-header,.portfolio-header{background:var(--gradient-primary);color:#fff;text-align:center;padding:120px 0 80px}.page-title{background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.page-subtitle{opacity:.9;max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.6}.section-title{text-align:center;color:#1a202c;margin-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--gradient-accent);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.navigation{background-color:var(--color-surface);z-index:1000;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 20px;display:flex}.nav-logo a{color:var(--color-primary);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.nav-logo a:hover{color:var(--color-primary-light)}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-link{color:var(--color-muted);padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";background:var(--gradient-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-toggle{cursor:pointer;flex-direction:column;gap:4px;display:none}.nav-toggle span{background-color:var(--color-muted);border-radius:2px;width:25px;height:3px}.btn,.nav-toggle span{transition:all .3s}.btn{text-align:center;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover{background:linear-gradient(135deg,#0a0a0a,#2d2d2d);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary:hover{color:var(--color-primary);background:#fff;transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.cta-section{background:var(--cta-background,var(--gradient-primary));color:#fff;text-align:center;padding:80px 0}.cta-section .cta-content h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-section .cta-content p{opacity:.9;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;margin-bottom:.5rem;font-weight:600;display:block}.form-input,.form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-textarea:focus{border-color:#404040;outline:none;box-shadow:0 0 0 3px #4040401a}.form-textarea{resize:vertical;min-height:120px}.footer{color:#e2e8f0;background-color:#1a202c;padding:60px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.footer-section p{color:#a0aec0;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#a0aec0;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#404040}.footer-bottom{text-align:center;color:#a0aec0;border-top:1px solid #2d3748;padding-top:2rem}@media (width<=480px){.container,.nav-container{padding:0 15px}.section-title{font-size:1.75rem}.btn{padding:10px 20px;font-size:.9rem}.page-title{font-size:2rem}}@media (width<=768px){.nav-menu{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100vh - 70px);padding:2rem 0;transition:left .3s;position:fixed;top:70px;left:-100%;box-shadow:0 2px 10px #0000001a}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.section-title{font-size:2rem}.page-title{font-size:2.5rem}.page-subtitle{font-size:1.1rem}.about-header,.contact-header,.portfolio-header{padding:100px 0 60px}.footer-content{text-align:center;grid-template-columns:1fr}}