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