@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--background:#10111a;--surface:#171925;--surface-light:#1e2130;--primary:#8b83ff;--primary-light:#aaa4ff;--heading:#f5f5fb;--text:#a5a9bb;--border:#303343;--white:#fff}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1120px,90%);margin:0 auto}.section{padding:100px 0}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#10111aeb;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:30px;min-height:78px;display:flex}.logo{letter-spacing:-1.5px;color:var(--heading);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.logo span{color:var(--primary);font-size:36px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--text);font-size:14px;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-light)}.hero{align-items:center;min-height:660px;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;display:grid}.hero-content{order:1}.hero-profile{order:2;justify-content:center;align-items:center;display:flex}.availability{color:var(--primary-light);background:#8b83ff14;border:1px solid #8b83ff4d;border-radius:30px;align-items:center;gap:10px;margin-bottom:25px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex}.status-dot{background:#51d69a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #51d69a99}.hero-greeting{color:var(--primary-light);margin-bottom:5px;font-size:18px;font-weight:600}.hero h1{color:var(--heading);letter-spacing:-3px;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,6vw,76px);line-height:1.12}.hero-highlight{color:var(--primary)}.hero h2{color:var(--text);margin-top:15px;font-family:Space Grotesk,sans-serif;font-size:clamp(21px,3vw,28px);font-weight:500}.hero-description{max-width:570px;margin-top:22px;font-size:16px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:32px;display:flex}.btn{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 23px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{color:var(--white);background:var(--primary);border:1px solid var(--primary)}.btn-primary:hover{background:#746be9;border-color:#746be9;transform:translateY(-3px)}.btn-secondary{color:var(--heading);border:1px solid var(--border);background:var(--surface)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary-light);transform:translateY(-3px)}.hero-stats{align-items:center;gap:28px;margin-top:45px;display:flex}.stat h3{color:var(--heading);font-family:Space Grotesk,sans-serif;font-size:27px}.stat p{font-size:13px}.stat-divider{background:var(--border);width:1px;height:42px}.profile-card{text-align:center;border:1px solid var(--border);background:linear-gradient(145deg,#202337,#171925);border-radius:24px;width:100%;max-width:350px;min-height:430px;padding:45px 30px;position:relative;overflow:hidden;box-shadow:0 25px 70px #0000004d}.profile-decoration{pointer-events:none;border-radius:50%;position:absolute}.decoration-one{filter:blur(5px);background:#8b83ff2b;width:190px;height:190px;top:-100px;right:-60px}.decoration-two{filter:blur(5px);background:#8b83ff1f;width:150px;height:150px;bottom:-90px;left:-60px}.profile-avatar{background:linear-gradient(135deg,#7770e8,#39345f);border:4px solid #8b83ffa6;border-radius:50%;width:165px;height:165px;margin:0 auto 25px;position:relative;overflow:hidden;box-shadow:0 0 40px #8b83ff33}.profile-avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-card h3{color:var(--heading);font-family:Space Grotesk,sans-serif;font-size:25px;position:relative}.profile-card>p{color:var(--primary-light);margin-top:5px;font-size:14px;position:relative}.profile-divider{background:var(--primary);width:65px;height:2px;margin:24px auto;position:relative}.profile-details{text-align:left;flex-direction:column;gap:13px;display:flex;position:relative}.profile-details>div{color:var(--text);align-items:center;gap:12px;font-size:14px;display:flex}.detail-icon{color:var(--primary-light);font-size:18px}.section-heading{text-align:center;margin-bottom:45px}.section-label{color:var(--primary-light);letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.section-heading h2{color:var(--heading);letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,42px)}.section-heading>p{margin-top:10px;font-size:15px}.about-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-content{max-width:850px;margin:0 auto}.about-content p{text-align:center;margin-bottom:20px;font-size:16px;line-height:1.9}.about-content p:last-child{margin-bottom:0}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:all .3s}.skill-card:hover{border-color:var(--primary);background:var(--surface-light);transform:translateY(-6px)}.skill-icon{background:#8b83ff1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:23px;display:flex}.skill-card h3{color:var(--heading);margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:19px}.skill-card p{font-size:14px;line-height:1.8}.projects-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.project-card{background:var(--background);border:1px solid var(--border);border-radius:14px;padding:30px;transition:all .3s;position:relative}.project-card:hover{border-color:var(--primary);transform:translateY(-5px)}.project-number{color:var(--primary);margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:inline-block}.project-card h3{color:var(--heading);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:21px}.project-card>p{min-height:85px;font-size:14px;line-height:1.8}.project-tech{border-top:1px solid var(--border);color:var(--primary-light);margin-top:22px;padding-top:17px;font-size:12px;font-weight:600}.experience-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:850px;margin:0 auto;padding:35px}.experience-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:25px;display:flex}.experience-header h3{color:var(--heading);font-family:Space Grotesk,sans-serif;font-size:23px}.experience-header p{margin-top:5px;font-size:14px}.experience-duration{color:var(--primary-light);white-space:nowrap;background:#8b83ff1f;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:600}.experience-list{flex-direction:column;gap:17px;margin-top:25px;list-style:none;display:flex}.experience-list li{align-items:flex-start;gap:13px;font-size:14px;line-height:1.8;display:flex}.experience-bullet{color:var(--primary);margin-top:2px}.contact-section{background:var(--surface);border-top:1px solid var(--border)}.contact-card{text-align:center;border:1px solid var(--border);background:linear-gradient(145deg,#202337,#171925);border-radius:20px;max-width:750px;margin:0 auto;padding:55px 35px}.contact-card h2{color:var(--heading);font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,40px)}.contact-card>p{max-width:550px;margin:15px auto 25px;font-size:15px}.contact-email{width:fit-content;color:var(--primary-light);margin:20px auto 0;font-size:14px;transition:color .3s;display:block}.contact-email:hover{color:var(--white)}.footer{background:var(--background);border-top:1px solid var(--border);padding:25px 0}.footer-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer p,.footer a{font-size:13px}.footer a{color:var(--primary-light);transition:color .3s}.footer a:hover{color:var(--white)}@media (width<=900px){.hero-grid{gap:35px}.skills-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:18px}}@media (width<=700px){.section{padding:75px 0}.nav-container{flex-direction:column;justify-content:center;gap:12px;padding:15px 0}.logo{font-size:27px}.nav-links{flex-wrap:wrap;justify-content:center;gap:10px 20px;width:100%}.nav-links a{font-size:12px}.hero{min-height:auto;padding-top:45px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-profile{order:1}.hero-content{text-align:center;order:2}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.profile-card{max-width:330px}.skills-grid,.projects-grid{grid-template-columns:1fr}.project-card>p{min-height:auto}.experience-card{padding:25px 20px}.experience-header{flex-direction:column;align-items:flex-start}}@media (width<=450px){.container{width:90%}.hero h1{font-size:49px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-stats{gap:18px}.stat h3{font-size:23px}.stat p{font-size:11px}.profile-card{min-height:400px;padding:35px 22px}.profile-avatar{width:145px;height:145px}.contact-card{padding:40px 20px}.footer-content{text-align:center;flex-direction:column;gap:8px}}
