:root{--primaryColor: #1A1A1A;--secondaryColor: #FFF;--accentCOlor: #D4AF37}body{margin:0}.header{width:100%;position:fixed;top:0;left:0;z-index:100;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{height:80px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.8rem;font-weight:700;background:linear-gradient(to right,var(--secondaryColor),var(--accentCOlor));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-list{display:flex;gap:40px;list-style:none}.nav-link{color:var(--secondaryColor);font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--accentCOlor);cursor:pointer}.nav-toggle,.nav-close{display:none;cursor:pointer;font-size:1.5rem;color:var(--secondaryColor)}@media (max-width: 768px){.nav-toggle{display:block}.nav-list{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1a1a1af2;flex-direction:column;justify-content:center;align-items:center;transform:translate(-100%);transition:transform .3s ease-in-out}.nav-list.show-menu{transform:translate(0)}.nav-close{display:block;position:absolute;top:20px;right:20px}}.footer{background-color:var(--primaryColor);padding:80px 0 30px;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px}.footer-info{max-width:300px}.footer-title{font-size:1.8rem;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,var(--secondaryColor),var(--accentCOlor));-webkit-background-clip:text;background-clip:text;color:transparent}.footer-description{color:var(--font-color);line-height:1.6}.footer-social-title,.footer-links-title{color:var(--secondaryColor);font-size:1.2rem;margin-bottom:20px}.social-links{display:flex;gap:20px}.social-link{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--secondaryColor);transition:all .3s ease}.social-link i{font-size:2rem}.social-link:hover{background:var(--accentCOlor);color:var(--primaryColor);transform:translateY(-5px)}.quick-links{list-style:none}.quick-links li{margin-bottom:15px}.quick-links Link{color:var(--font-color);cursor:pointer;transition:color .3s ease}.quick-links .footer-list:hover{color:var(--accentCOlor);cursor:pointer}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.copyright{color:var(--font-color);font-size:.9rem}@media (max-width: 768px){.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#1a1a1afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:right .3s ease;padding:80px 40px}.show-menu{right:0}.nav-list{flex-direction:column;gap:30px}.nav-toggle,.nav-close{display:block}.nav-close{position:absolute;top:30px;right:30px}.footer{padding:60px 0 20px}.footer-content{grid-template-columns:1fr;text-align:center}.footer-info{margin:0 auto}.social-links{justify-content:center}}@media (max-width: 480px){.nav{height:70px}.nav-logo{font-size:1.5rem}.nav-menu{width:100%;padding:70px 30px}}:root{--primaryColor: #1A1A1A;--secondaryColor: #FFF;--accentCOlor: #D4AF37;--font-color: #90979f;--hover-box-shadow: rgba(0, 0, 0, .19) 0px 10px 20px, rgba(0, 0, 0, .23) 0px 6px 6px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--primaryColor);color:var(--secondaryColor);font-family:Inter,sans-serif}a{color:var(--secondaryColor);text-decoration:none}.hero{min-height:100vh;background:linear-gradient(135deg,var(--primaryColor) 0%,#0a0a0a 100%);display:flex;align-items:center;padding:20px;position:relative;overflow:hidden}.container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:7rem}.hero-text{flex:1;max-width:600px}.hero-name{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:20px;background:linear-gradient(to right,gold,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px #FFD700,0 0 40px #FF8C00,0 0 160px #D4AF37}.hero-job{font-size:clamp(1.5rem,3vw,1.8rem);color:#e5e5e5;margin-bottom:15px}.hero-description{font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;margin-bottom:30px;color:var(--font-color)}.hero-buttons{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.btn{padding:12px 30px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:transparent;color:#e5e5e5;border:2px solid #4b5563}.btn-primary:hover{border-color:gold;color:var(--accentCOlor);transition:all .3s ease-in-out;box-shadow:0 0 15px #ffd700e6}.btn-secondary{background-color:gold;color:var(--primaryColor);border:none;padding:10px 20px;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease-in-out;box-shadow:0 0 15px #ffd700e6}.btn-secondary:hover{background-color:#ffc107;border-color:#ffc107;box-shadow:0 0 25px #ffc107}.btn-secondary:active{transform:scale(.98);box-shadow:0 0 10px #d4af3799}.hero-image{flex:1;display:flex;justify-content:center;position:relative;max-width:500px}.profile-img{width:100%;height:auto;aspect-ratio:1/1;border-radius:50%;border:4px solid var(--accentCOlor);position:relative;z-index:2;object-fit:cover}.blur-effect{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,var(--accentCOlor),#FFA500);filter:blur(100px);border-radius:50%;z-index:1;opacity:.5}.about-container{padding:100px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1400px;margin:0 auto}.about-container .photo{display:flex;justify-content:center;align-items:center}.aboutHero{max-width:100%;height:auto;border-radius:20px;box-shadow:var(--hover-box-shadow)}.about-content{padding:20px}.about-content h2{color:var(--accentCOlor);font-size:clamp(2rem,4vw,2.5rem);margin-bottom:20px}.about-content h3{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4;margin-bottom:20px;color:var(--secondaryColor)}.about-btn{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.about-btn button{padding:12px 25px;border-radius:8px;border:none;font-size:1rem;font-weight:500;background:transparent;color:var(--secondaryColor);border:2px solid var(--accentCOlor);cursor:pointer;transition:all .3s ease}.about-btn button.active,.about-btn button:hover{background:var(--accentCOlor);color:var(--primaryColor)}.text-box{background:#ffffff0d;padding:20px;border-radius:10px;margin-bottom:20px;transition:transform .3s ease}.text-box:hover{transform:translateY(-5px)}.text-box p{font-size:1.1rem;font-weight:500;color:var(--accentCOlor);margin-bottom:10px}.text-box .btn{margin-top:5px;display:inline-block}.text-box span{color:var(--font-color);line-height:1.6}.portfolio{padding:80px 20px;background-color:var(--primaryColor);color:var(--secondaryColor);text-align:center}.main-text{text-align:center;margin-bottom:50px}.main-text .heading{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:10px;background:linear-gradient(to right,var(--secondaryColor),var(--accentCOlor));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-text span{color:var(--secondaryColor);font-size:1.1rem;opacity:.8}.filter-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.filter-buttons .button{padding:12px 25px;background:transparent;border:2px solid var(--accentCOlor);border-radius:30px;color:var(--secondaryColor);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-buttons .button:hover,.filter-buttons .button.active{background:var(--accentCOlor);color:var(--primaryColor)}.portfolio-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px}.portfolio-box{background:#ffffff0d;border-radius:15px;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;height:100%}.portfolio-box:hover{transform:translateY(-10px)}.portfolio-img{position:relative;overflow:hidden;height:250px}.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-box:hover .portfolio-img img{transform:scale(1.1)}.portfolio-content{padding:25px;display:flex;flex-direction:column;flex:1}.portfolio-content h3{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:var(--accentCOlor)}.portfolio-content p{color:var(--secondaryColor);opacity:.8;line-height:1.6;margin-bottom:20px;flex-grow:1}.readMore{display:inline-block;padding:12px 25px;background:var(--accentCOlor);color:var(--primaryColor);text-decoration:none;border-radius:25px;font-weight:500;transition:all .3s ease;align-self:center;margin-top:auto}.readMore:hover{background:transparent;color:var(--accentCOlor);outline:2px solid var(--accentCOlor)}@media (max-width: 768px){.portfolio{padding:60px 15px}.main-text .heading{font-size:2rem}.filter-buttons{gap:10px}.filter-buttons .button{padding:10px 20px;font-size:.9rem}.hero-content{flex-direction:column-reverse;text-align:center;margin-top:3rem;gap:30px}.hero-text{max-width:100%}.hero-buttons{justify-content:center}.hero-image{max-width:300px;width:100%}.btn{padding:10px 25px}.portfolio-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.contact{padding:60px 15px}.input-box{flex-direction:column}.send-btn{width:100%;align-self:center}}@media (max-width: 480px){.main-text .heading{font-size:1.8rem}.hero{padding:10px;min-height:calc(100vh - 60px)}.container{padding:0 15px}.hero-content{margin-top:2rem;gap:20px}.hero-name{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:15px}.hero-job{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:10px}.hero-description{font-size:clamp(.9rem,1.8vw,1.1rem);margin-bottom:20px}.hero-image{max-width:250px}.hero-buttons{gap:15px;margin-bottom:20px}.btn{width:100%;padding:12px 20px;font-size:.95rem}.blur-effect{filter:blur(70px)}.portfolio-content{padding:20px}.portfolio-content h3{font-size:1.3rem}.info-box{padding:20px}.info-box i{font-size:20px;width:35px;height:35px}.contact-form textarea{height:150px}}@media screen and (max-width: 320px){.hero-image{max-width:200px}.hero-name{font-size:clamp(1.8rem,3.5vw,2rem)}.hero-job{font-size:clamp(1.1rem,2vw,1.3rem)}.hero-description{font-size:clamp(.85rem,1.6vw,1rem)}}