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