:root{--dark-bg: #121212;--darker-bg: #0a0a0a;--accent: #ff4f2f;--text: #ffffff;--gray: #888888}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif;scroll-behavior:smooth}body{background-color:var(--dark-bg);color:var(--text);line-height:1.6}nav{background-color:#0a0a0af2;padding:1rem 2rem;position:fixed;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.logo-placeholder{width:40px;height:40px;background-color:var(--accent);border-radius:8px}main{padding-top:80px}section{padding:5rem 2rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(45deg,var(--darker-bg),var(--dark-bg));overflow:hidden}.hero-content{max-width:800px;margin:0 auto;padding:0 1rem}.hero-logo{width:120px;height:auto;margin-bottom:2rem;animation-duration:1.5s;border-radius:20px;position:relative;overflow:hidden}.hero-logo:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:22px;animation:movingBorder 1s linear infinite}@keyframes movingBorder{0%{border-color:var(--accent);transform:scale(1)}25%{border-color:#da1ca1}50%{border-color:#108db3;transform:scale(1.05)}75%{border-color:#c217d1}to{border-color:var(--accent);transform:scale(1)}}h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--accent),#ff8f7f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation-duration:1s}p{font-size:1.2rem;margin-bottom:2rem;color:var(--gray);animation-duration:1s}.btn{background-color:var(--accent);color:#fff;padding:.8rem 2rem;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:transform .3s ease;text-decoration:none;display:inline-block;margin-top:2rem;animation-duration:1s}@media (max-width: 768px){h1{font-size:2.5rem}.hero-logo{width:80px}}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(45deg,var(--darker-bg),var(--dark-bg))}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.service-card{background-color:var(--darker-bg);padding:2rem;border-radius:12px;transition:transform .3s ease;cursor:pointer}.service-card:hover{transform:translateY(-10px)}.service-icon{font-size:2rem;color:var(--accent);margin-bottom:1rem}.about{background-color:var(--darker-bg);text-align:center}.portfolio{max-width:1200px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.portfolio-item{background-color:var(--darker-bg);border-radius:12px;overflow:hidden;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{width:100%;height:200px;object-fit:cover}.portfolio-content{padding:1.5rem}.contact{background-color:var(--darker-bg);text-align:center}.contact-form{max-width:600px;margin:2rem auto}.form-group{margin-bottom:1.5rem}.form-control{width:100%;padding:1rem;background-color:var(--dark-bg);border:1px solid var(--gray);border-radius:8px;color:var(--text);font-size:1rem}.form-control:focus{outline:none;border-color:var(--accent)}.logo-container{display:flex;align-items:center;gap:1rem}.logo{width:40px;height:auto;border-radius:8px}footer{background-color:var(--darker-bg);padding:3rem 2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:left}.footer-section h4{color:var(--accent);margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--accent)}h1{font-size:3.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--accent),#ff8f7f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2.5rem;margin-bottom:2rem;color:var(--accent)}.btn{background-color:var(--accent);color:#fff;padding:.8rem 2rem;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:transform .3s ease;text-decoration:none;display:inline-block;margin-top:2rem}.btn:hover{transform:scale(1.05)}@media (max-width: 768px){.nav-links{display:none}h1{font-size:2.5rem}h2{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}body{margin:0}