.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(180deg,#000,#080a0e4d);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.03)}.brand{color:#fff;font-weight:700;text-decoration:none;font-size:18px}.nav-center a{margin:0 12px;color:#fcfdfd;text-decoration:none;font-size:14px}.nav-center a.active{color:#00c2ff;font-weight:600}.nav-right a{margin-left:12px;color:#bcd3e6}.nav-toggle{display:none;background:transparent;border:none;color:#fff;margin-left:12px}@media(max-width:820px){.nav-center{position:fixed;inset:60px 12px auto;background:#07101a;flex-direction:column;padding:14px;border-radius:8px;display:none}.nav-center.open{display:flex}.nav-toggle{display:inline}}.site-footer{border-top:1px solid rgba(255,255,255,.03);padding:22px 18px;background:linear-gradient(180deg,#05070a,#07101a);color:#c6d9ea}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.socials a{margin-left:10px;color:#c6d9ea}copyright{margin-top:12px;opacity:.8;font-size:13px;margin-left:50%}@media(max-width:700px){.footer-inner{flex-direction:column;gap:12px;text-align:center}}.landing{position:relative;min-height:100vh;width:100%;background:#000814;overflow:hidden;padding:40px 0}.top-glow{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:900px;height:350px;background:radial-gradient(circle,#00eaff55,transparent 70%);filter:blur(50px);z-index:0}.stars{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.star{position:absolute;width:2px;height:2px;background:#f5f3f3;opacity:.7;border-radius:50%;animation:starMove linear infinite}@keyframes starMove{0%{transform:translateY(0);opacity:.5}to{transform:translateY(120px);opacity:1}}.landing-inner{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:60px;padding:20px}.hero-photo{width:330px;height:auto;border-radius:20px;box-shadow:0 0 25px #00eaff38}.right h1{font-size:34px;color:#fff}.btn{padding:10px 20px;border-radius:10px;font-weight:700;text-decoration:none}.cta-row{display:flex;gap:10px;margin-left:10%;margin-top:5%}.primary{background:#00eaff;color:#000814}.ghost,.outline{border:3px solid white;color:#fff}.lead{margin-left:5%;margin-top:-13%;color:#cfcfcf}.quick-list{margin-top:10px;color:#aaa}@media(max-width:800px){.landing-inner{flex-direction:column;text-align:center}}.slogan{text-align:center;padding:3rem 1rem;overflow:hidden;position:relative}.animated-slogan{display:block;position:relative;padding:1rem 2rem;color:#fff;font-size:1rem;font-weight:700;border-radius:12px;min-height:3rem;line-height:1.5;margin:0 auto 1rem;max-width:90%;overflow:hidden}.animated-slogan span{position:absolute;width:100%;left:0;top:0;opacity:0;padding:1rem 2rem;border-radius:12px;animation:slideSlogan 50s linear infinite;display:block;text-align:center}.animated-slogan span:nth-child(1){animation-delay:0s;background:#1976d2}.animated-slogan span:nth-child(2){animation-delay:5s;background:#43a047}.animated-slogan span:nth-child(3){animation-delay:10s;background:#afae4e}.animated-slogan span:nth-child(4){animation-delay:15s;background:#7c5396}.animated-slogan span:nth-child(5){animation-delay:20s;background:#4e7d97}.animated-slogan span:nth-child(6){animation-delay:25s;background:#1d1a13}.animated-slogan span:nth-child(7){animation-delay:30s;background:#6e544c}.animated-slogan span:nth-child(8){animation-delay:35s;background:#ade2dd}.animated-slogan span:nth-child(9){animation-delay:40s;background:#765983}.animated-slogan span:nth-child(10){animation-delay:45s;background:#865569}@keyframes slideSlogan{0%{opacity:0;transform:translateY(100%)}5%{opacity:1;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}.section{padding:48px 18px}.container{max-width:1100px;margin:0 auto;color:#dff2ff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.about-card{background:#000000c0;padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.about-card ul{margin-top:8px;color:#bcd3e6}@media(max-width:820px){.about-grid{grid-template-columns:1fr}}.services .container{max-width:1100px;margin:0 auto;color:#dff2ff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}.service-card{background:#000000c0;padding:14px;border-radius:12px;text-align:left;min-height:120px}.service-icon{font-size:22px;color:#00c2ff;margin-bottom:10px}.muted{color:#a9c9d9}.projects-container{width:100%;min-height:100vh;padding:40px 20px;color:#fff;font-family:Poppins,sans-serif}.title{text-align:center;font-size:32px;margin-bottom:30px;font-weight:600;letter-spacing:1px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.project-card{background:#ffffff08;padding:20px;border-radius:12px;transition:transform .3s ease,background .3s ease;box-shadow:0 0 8px #0006;border:1px solid #272727}.project-card:hover{transform:translateY(-6px);background:#222;border-color:#444}.project-card h3{font-size:20px;margin-bottom:10px;font-weight:600}.project-card p{font-size:14px;color:#ccc;margin-bottom:12px;line-height:1.4}.lang{font-size:13px;margin-bottom:20px}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-footer a{text-decoration:none;color:#0af;font-weight:500;transition:color .2s}.card-footer a:hover{color:#66d6ff}.updated{font-size:12px;color:#888}.loading{font-size:20px;text-align:center;margin-top:100px}.skills .container{max-width:1100px;margin:0 auto;color:#ddf6ff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.skill-card{background:#000000c0;padding:14px;border-radius:10px}.skill-card ul{margin-top:8px;color:#bcd3e6}.contact .container{max-width:780px;margin:0 auto;color:#e6f8ff}.contact-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.contact-form input,.contact-form textarea{padding:10px;border-radius:8px;border:2px solid rgba(255,255,255,.623);background:transparent;color:inherit}.contact-info{margin-top:14px;color:#bcd3e6}:root{--bg1: #04121a;--bg2: #06121a;--muted: #9fbfda;--accent: #00c2ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:#e6f8ff;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:-30%;background:radial-gradient(circle at 30% 20%,rgba(0,194,255,.04),transparent 8%),radial-gradient(circle at 80% 80%,rgba(80,200,150,.02),transparent 12%);z-index:-1;animation:move 20s linear infinite}@keyframes move{0%{transform:translate(0)}50%{transform:translate(30px,-20px)}to{transform:translate(0)}}.container{max-width:1100px;margin:0 auto;padding:0 18px}.section h2{font-size:22px;margin-bottom:8px}.muted{color:var(--muted)}.btn{padding:8px 12px;border-radius:8px;background:var(--accent);color:#021022;text-decoration:none;border:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.04)}.btn.outline{background:transparent;border:1px dashed rgba(255,255,255,.04);color:var(--muted)}