:root{font-synthesis:none;text-rendering:optimizelegibility}body{min-width:320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#090909;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.portfolio{background:radial-gradient(circle at 80% 10%,#7814322e,#0000 30%),radial-gradient(circle at 10%,#640f281f,#0000 30%),#090909;min-height:100vh}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#090909d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 8%;display:flex;position:sticky;top:0}.logo{color:#fff;font-size:28px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:#b8b8b8;font-size:14px;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#d85a7d;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.hero{justify-content:space-between;align-items:center;gap:70px;min-height:90vh;padding:90px 8%;display:flex}.hero-content{max-width:720px}.hero-tag{color:#d85a7d;letter-spacing:2px;margin-bottom:22px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-3px;margin-bottom:28px;font-size:clamp(48px,5.2vw,76px);line-height:1.02}.hero h1 span{color:#d85a7d;display:block}.hero-description{color:#a8a8a8;max-width:600px;margin-bottom:35px;font-size:17px;line-height:1.8}.hero-buttons{gap:15px;display:flex}.btn{border-radius:8px;justify-content:center;align-items:center;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.primary-btn{color:#fff;background:#8f294b}.primary-btn:hover{background:#b1375d;transform:translateY(-3px)}.secondary-btn{color:#fff;border:1px solid #ffffff26}.secondary-btn:hover{color:#d85a7d;border-color:#d85a7d;transform:translateY(-3px)}.hero-card{flex-shrink:0;width:390px;position:relative}.card-glow{filter:blur(100px);opacity:.18;background:#8f294b;position:absolute;inset:-30px}.data-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;padding:30px;position:relative;box-shadow:0 25px 80px #00000080}.card-header{justify-content:space-between;margin-bottom:45px;font-size:15px;font-weight:700;display:flex}.status{color:#d85a7d}.chart{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;gap:12px;height:180px;padding:20px 0;display:flex}.bar{background:linear-gradient(#d85a7d,#6d1d3a);border-radius:6px 6px 0 0;flex:1;box-shadow:0 0 20px #d85a7d26}.bar1{height:40%}.bar2{height:58%}.bar3{height:48%}.bar4{height:75%}.bar5{height:65%}.bar6{height:90%}.metric{padding-top:25px}.metric small{color:#858585;margin-bottom:8px;display:block}.metric strong{font-size:16px}.section{max-width:1200px;margin:auto;padding:120px 8%}.section-label{color:#d85a7d;letter-spacing:2px;margin-bottom:18px;font-size:12px;font-weight:700}.section h2{letter-spacing:-1.5px;max-width:850px;margin-bottom:25px;font-size:clamp(32px,4vw,55px);line-height:1.1}.section-text{color:#9e9e9e;max-width:800px;font-size:17px;line-height:1.8}.skills-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px;display:grid}.skill{color:#ddd;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:25px;font-weight:600;transition:all .3s}.skill:hover{background:#8f294b1f;border-color:#8f294b;transform:translateY(-5px)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;display:grid}.project-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;min-height:300px;padding:30px;transition:all .35s;display:flex}.project-card:hover{border-color:#8f294b;transform:translateY(-8px);box-shadow:0 20px 60px #8f294b26}.project-card h3{margin-bottom:18px;font-size:24px}.project-card p{color:#999;font-size:15px;line-height:1.7}.project-tech{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:25px;display:flex}.project-tech span{color:#d85a7d;background:#8f294b26;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:700}.project-links a{color:#d85a7d;font-size:14px;font-weight:700;transition:all .3s}.project-links a:hover{color:#fff}.project-links{margin-top:25px}.project-links a{color:#d85a7d;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.project-links a:hover{color:#fff;transform:translate(4px)}.contact-section{text-align:center}.contact-section h2,.contact-section .section-text{margin-left:auto;margin-right:auto}.contact-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.footer{color:#666;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:40px 8%;font-size:13px;display:flex}.footer span{color:#8f294b}@media (width<=600px){.footer{text-align:center;flex-direction:column}}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding-top:70px}.hero-content{max-width:700px}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-card{width:100%;max-width:420px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.nav-links{gap:15px}}@media (width<=600px){.navbar{padding:18px 5%}.nav-links{display:none}.hero{padding:70px 5%}.hero h1{font-size:48px}.hero-description{font-size:15px}.section{padding:80px 5%}.skills-grid{grid-template-columns:1fr}.hero-buttons,.contact-buttons{flex-direction:column}.btn{width:100%}.hero h1{letter-spacing:-2px;font-size:42px}.hero-tag{letter-spacing:1.5px;font-size:11px}.hero-card{width:100%}.data-card{padding:24px}.section h2{font-size:36px}.project-card{min-height:auto}}.resume-link{border:1px solid #8f294b;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .3s;color:#d85a7d!important}.resume-link:hover{background:#8f294b;color:#fff!important}.resume-link:after{display:none!important}