body{color:#fff;background-color:#0b0b0b;margin:0;font-family:Arial,Helvetica,sans-serif}.dropdown-container:hover .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-menu{z-index:2000;visibility:hidden;opacity:0;background-color:#222;border-radius:6px;min-width:160px;padding:10px 20px;transition:opacity .3s,transform .3s;display:block;position:absolute;top:100%;right:0;transform:translateY(-10px)}.dropdown-menu a{color:#fff;margin-bottom:10px;text-decoration:none;display:block}.dropdown-menu a:hover{color:#7b3fe4}.dropdown-item:hover .dropdown-icon{transition:all .2s;transform:scale(1.1)}.dropdown-text{color:#aaa;display:block}.dropdown-trigger:hover,.contact-link:hover{color:#7b3fe4}.dropdown-trigger{letter-spacing:.5px;font-weight:500}.dropdown-item{color:#fff;align-items:center;gap:12px;margin-bottom:10px;text-decoration:none;display:flex}.dropdown-icon{object-fit:contain;width:18px;height:18px;margin-right:6px}.dropdown-item:hover{color:#7b3fe4}.contact-link{color:#fff;text-decoration:none;transition:color .3s}.about-section{color:#fff;background:#0f0f0f;padding:140px 20px;position:relative;overflow:hidden}.about-section:before{content:"";filter:blur(80px);background:radial-gradient(circle,#7b3fe426,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;left:-100px}.about-container{text-align:center;max-width:1100px;margin:auto}.about-title{margin-top:-20px;margin-bottom:30px;font-size:clamp(3rem,6vw,5rem)}.about-title span{color:#7b3fe4}.about-description{opacity:.85;max-width:800px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.35rem;line-height:1.8}.about-grid{grid-template-columns:repeat(3,1fr);gap:80px;margin-top:20px;display:grid}.about-card{aspect-ratio:1;text-align:center;background:#ffffff0a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .3s;display:flex}.about-card h3{color:#7b3fe4;margin-bottom:18px;font-size:1.6rem;font-weight:600}.about-card p{opacity:.9;max-width:260px;font-size:1.15rem;line-height:1.7}.about-card:hover{background:#7b3fe414;transform:translateY(-10px)scale(1.03);box-shadow:0 20px 60px #7b3fe440}.about-title,.about-description,.about-card{opacity:0;transition:all .7s;transform:translateY(40px)}.about-title.show,.about-description.show,.about-card.show,.developer-title.show,.developer-description.show{opacity:1;transform:translateY(0)}.about-card:first-child{transition-delay:.1s}.about-card:nth-child(2){transition-delay:.2s}.about-card:nth-child(3){transition-delay:.3s}.highlight{color:#7b3fe4;letter-spacing:.3px;font-weight:600}@media (width<=900px){.about-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.about-grid{grid-template-columns:1fr}}.developer-section{color:#fff;background:#0f0f0f;border-top:2px solid #ffffff0d;padding:30px 20px 120px;position:relative;overflow:hidden}.developer-section:before{content:"";filter:blur(80px);background:radial-gradient(circle,#7b3fe41f,#0000 70%);width:500px;height:500px;position:absolute;bottom:-100px;right:-100px}.developer-container{text-align:center;max-width:900px;margin:auto}.developer-title{margin-bottom:40px;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:700;transition-delay:.1s}.developer-title span{color:#7b3fe4}.developer-description{opacity:.9;max-width:750px;margin:auto;font-size:1.5rem;line-height:1.9;transition-delay:.3s}.developer-description:first-line{font-weight:500}.developer-title,.developer-description{opacity:0;filter:blur(8px);transition:all .8s;transform:translateY(60px)scale(.98)}.developer-title.show,.developer-description.show{opacity:1;filter:blur();transform:translateY(0)scale(1)}.developer-title{transition-delay:.1s}.developer-description{transition-delay:.3s}.projects-section{color:#fff;background:#0f0f0f;border-top:2px solid #ffffff0d;padding:80px 20px 120px;position:relative;overflow:hidden}.projects-container{text-align:center;max-width:900px;margin:auto}.projects-title{margin-bottom:50px;font-size:clamp(3rem,6vw,5rem)}.projects-title span{color:#7b3fe4}.project-card{background:#ffffff0a;border-radius:20px;max-width:600px;margin:auto;padding:50px 40px;transition:all .3s}.project-card:hover{background:#7b3fe414;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 60px #7b3fe440}.project-name{color:#7b3fe4;margin-bottom:20px;font-size:2rem}.project-desc{opacity:.9;margin-bottom:28px;font-size:1.4rem;line-height:1.7}.project-status{opacity:.6;letter-spacing:1px;margin-top:20px;font-size:1.2rem}.projects-title,.project-card{opacity:0;transition:all .8s;transform:translateY(50px)}.projects-title.show,.project-card.show{opacity:1;transform:translateY(0)}.projects-title{transition-delay:.1s}.project-card{transition-delay:.3s}.project-btn{color:#fff;background:#7b3fe426;border:1px solid #7b3fe466;border-radius:999px;margin:12px 0;padding:12px 28px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.project-btn:hover{color:#fff;background:#7b3fe4;transform:translateY(-2px)scale(1.05);box-shadow:0 0 20px #7b3fe499}.project-btn:active{transform:scale(.97)}.projects-section:before{content:"";filter:blur(80px);background:radial-gradient(circle,#7b3fe41a,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;left:-100px}.projects-section:after{content:"";filter:blur(80px);background:radial-gradient(circle,#7b3fe414,#0000 70%);width:500px;height:500px;position:absolute;bottom:-100px;right:-100px}.projects-section{position:relative;overflow:hidden}.footer{color:#fff;background:#0f0f0f;padding:60px 40px 30px;position:relative}.footer-container{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:0 40px;display:flex}.footer-logo{color:#7b3fe4;max-width:400px;margin-bottom:10px;font-size:1.8rem}.footer-tagline{color:#fff;opacity:.8;max-width:400px;font-size:1.1rem}.footer-email{color:#fff;cursor:pointer;margin-top:10px;font-size:1.25rem;transition:color .3s}.footer-email:hover{color:#7b3fe4}.copy-popup{background:#7b3fe426;border:1px solid #7b3fe466;border-radius:999px;margin-top:12px;padding:8px 16px;font-size:.9rem;animation:.3s fadeInUp;display:inline-block}.copy-popup span{color:#7b3fe4;font-weight:600}.footer-bottom{text-align:center;color:#aaa;margin-top:40px;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){header{padding:10px 16px!important}header nav{white-space:nowrap;flex-wrap:wrap;justify-content:center;width:100%;margin-top:10px;gap:20px!important}header h2{font-size:1.3rem}header img{height:32px!important}.footer-container{text-align:center;flex-direction:column;gap:20px;padding:0 20px}.footer-right{flex-direction:column;align-items:center;display:flex}.footer-email{font-size:1.1rem}}.hero-bg{object-fit:cover;width:100%;height:100%}@media (width<=768px){.hero-bg{object-fit:contain;background-color:#000}.hero{height:500px}}