@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--background:#080a0f;--background-soft:#0d1017;--surface:#ffffff09;--surface-hover:#fff1;--border:#ffffff17;--border-hover:#ffffff30;--text:#f5f7fb;--text-secondary:#a6adba;--text-muted:#656d7a;--accent:#7c9cff;--accent-light:#aabaff;--accent-soft:#7c9cff1f;--green:#7ee2b8;--max-width:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:radial-gradient(circle at 80% 5%, #546aff1c, transparent 30%), var(--background);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:#05070b}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.background-grid{pointer-events:none;z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 70%)}.glow{filter:blur(120px);pointer-events:none;z-index:-2;opacity:.15;border-radius:50%;position:fixed}.glow-one{background:#4c6fff;width:450px;height:450px;top:120px;right:-180px}.glow-two{background:#7f5cff;width:400px;height:400px;top:800px;left:-200px}.container{width:min(calc(100% - 64px), var(--max-width));margin-inline:auto}.section{padding-top:150px;padding-bottom:150px}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:85px;padding-bottom:30px;display:flex}.section-heading>div{align-items:center;gap:15px;display:flex}.section-number{color:var(--accent);font-family:Space Mono,monospace;font-size:12px}.section-label{letter-spacing:2px;color:var(--text-secondary);font-family:Space Mono,monospace;font-size:12px}.section-heading>p{color:var(--text-muted);font-size:14px}.navbar{z-index:100;-webkit-backdrop-filter:blur(22px);background:#080a0fb8;border-bottom:1px solid #ffffff0e;position:sticky;top:0}.nav-container{width:min(calc(100% - 64px), var(--max-width));justify-content:space-between;align-items:center;height:78px;margin:auto;display:flex}.logo{align-items:center;gap:13px;display:flex}.logo-box{background:var(--text);width:39px;height:39px;color:var(--background);border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.logo-name{font-size:15px;font-weight:600}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.nav-links a:hover{color:#fff}.nav-contact{border:1px solid var(--border);border-radius:10px;padding:10px 17px;font-size:13px;transition:background .2s,border-color .2s}.nav-contact:hover{background:var(--surface-hover);border-color:var(--border-hover)}.hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:90px;min-height:calc(100svh - 78px);padding-top:90px;padding-bottom:65px;display:grid}.hero-photo-wrapper{position:relative}.hero-photo-card{border:1px solid var(--border);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0d,#ffffff04);border-radius:28px;padding:14px;position:relative;box-shadow:0 35px 100px #00000059}.hero-photo{aspect-ratio:4/5;object-fit:cover;border-radius:20px;width:100%;max-width:420px;display:block}.status{border:1px solid var(--border);background:var(--surface);width:fit-content;color:var(--text-secondary);border-radius:999px;align-items:center;gap:9px;margin-bottom:30px;padding:8px 12px;font-size:12px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 15px #7ee2b8b3}.hero-label{color:var(--accent-light);letter-spacing:2px;margin-bottom:20px;font-family:Space Mono,monospace;font-size:11px}.hero h1{letter-spacing:-.065em;max-width:860px;font-size:clamp(64px,7vw,112px);font-weight:600;line-height:.96}.hero h1 span{color:var(--text-muted);display:block}.hero-description{max-width:680px;color:var(--text-secondary);margin-top:36px;font-size:19px;line-height:1.75}.hero-description strong{color:var(--text);font-weight:500}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.button{border-radius:10px;align-items:center;gap:14px;height:48px;padding-inline:20px;font-size:14px;font-weight:500;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--text);color:#090b10}.button-primary:hover{background:#fff}.button-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.button-secondary:hover{border-color:var(--border-hover);background:var(--surface-hover);color:#fff}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:80px;display:grid}.hero-meta>div{border-top:1px solid var(--border);padding-top:17px}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:7px;font-family:Space Mono,monospace;font-size:10px;display:block}.hero-meta strong{font-size:13px;font-weight:500}.hero-card-wrapper{position:relative}.hero-card-wrapper:before{content:"";z-index:-1;background:radial-gradient(circle,#7c9cff2e,#0000 65%);position:absolute;inset:-30px}.hero-card{border:1px solid var(--border);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:20px;padding:20px;box-shadow:0 35px 100px #00000059}.hero-card-top{align-items:center;gap:13px;padding:8px 7px 22px;display:flex}.avatar{background:var(--accent);color:#0a0c11;border-radius:12px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:700;display:grid}.hero-card-top p{font-size:14px;font-weight:600}.hero-card-top span{color:var(--text-muted);font-size:12px}.code-window{border:1px solid var(--border);background:#080b11;border-radius:14px;overflow:hidden}.window-header{border-bottom:1px solid var(--border);height:43px;color:var(--text-muted);justify-content:space-between;align-items:center;padding-inline:15px;font-family:Space Mono,monospace;font-size:9px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background:#3b414c;border-radius:50%;width:7px;height:7px}.code{color:#aeb6c5;min-height:245px;padding:27px 23px;font-family:Space Mono,monospace;font-size:12px;line-height:2}.code .indent{padding-left:22px}.purple{color:#c792ea}.blue{color:#82aaff}.green{color:#c3e88d}.yellow{color:#ffcb6b}.card-footer{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;padding:20px 7px 6px;font-size:10px;display:flex}.about-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:110px;display:grid}.about-layout h2{letter-spacing:-.055em;font-size:clamp(45px,5.6vw,78px);font-weight:500;line-height:1.04}.about-layout h2 span{color:var(--text-muted);display:block}.about-copy{color:var(--text-secondary);flex-direction:column;gap:27px;padding-top:8px;font-size:18px;line-height:1.8;display:flex}.experience-list{border-top:1px solid var(--border)}.experience-header-left{align-items:center;gap:16px;display:flex}.experience-logo{object-fit:contain;background:#fff;border-radius:12px;flex-shrink:0;width:52px;height:52px;padding:6px}.experience-item{border-bottom:1px solid var(--border);grid-template-columns:190px 1fr;gap:50px;padding:45px 25px;transition:background .25s,padding .25s;display:grid}.experience-item:hover{background:#ffffff06}.experience-date span{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:11px}.experience-date p{color:var(--text-muted);margin-top:7px;font-family:Space Mono,monospace;font-size:10px}.experience-title{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.experience-title h3{letter-spacing:-.02em;font-size:28px;font-weight:500}.experience-title p{color:var(--accent-light);margin-top:4px;font-size:14px}.experience-icon{color:var(--text-muted);font-size:18px;transition:color .2s,transform .2s}.experience-item:hover .experience-icon{color:var(--accent);transform:translate(3px,-3px)}.experience-description{max-width:740px;color:var(--text-secondary);margin-top:23px;font-size:16px;line-height:1.75}.tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.tags span{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff06;border-radius:7px;padding:7px 11px;font-family:Space Mono,monospace;font-size:9px}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.education-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0a,#ffffff04);border-radius:17px;flex-direction:column;justify-content:space-between;min-height:340px;padding:32px;transition:transform .25s,border-color .25s,background .25s;display:flex}.education-card:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-5px)}.education-top{color:var(--text-muted);justify-content:space-between;font-family:Space Mono,monospace;font-size:10px;display:flex}.education-type{color:var(--accent);letter-spacing:1.5px;margin-bottom:14px;font-family:Space Mono,monospace;font-size:10px}.education-card h3{letter-spacing:-.025em;margin-bottom:10px;font-size:30px;font-weight:500}.education-degree{color:var(--text-secondary)}.skills-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:100px;display:grid}.skills-intro h2{letter-spacing:-.05em;font-size:clamp(44px,5vw,72px);font-weight:500;line-height:1.05;position:sticky;top:130px}.skills-intro h2 span{color:var(--text-muted);display:block}.skills-groups{flex-direction:column;gap:55px;display:flex}.skill-group>p{color:var(--text-muted);letter-spacing:1.5px;margin-bottom:18px;font-family:Space Mono,monospace;font-size:10px}.skill-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pills span{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:9px;padding:11px 14px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.skill-pills span:hover{color:#fff;background:var(--accent-soft);border-color:#7c9cff66}.languages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.languages>div{border:1px solid var(--border);background:var(--surface);border-radius:11px;flex-direction:column;gap:4px;padding:18px;display:flex}.languages strong{font-size:14px;font-weight:500}.languages span{color:var(--text-muted);font-size:11px}.github-project{border:1px solid var(--border);background:radial-gradient(circle at 80% 20%,#7c9cff2e,#0000 35%),linear-gradient(145deg,#ffffff0b,#ffffff03);border-radius:22px;justify-content:space-between;align-items:flex-end;min-height:430px;padding:50px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.github-project:hover{border-color:#7c9cff73;transform:translateY(-6px)}.project-label{color:var(--accent);letter-spacing:2px;margin-bottom:20px;font-family:Space Mono,monospace;font-size:10px}.github-project h2{letter-spacing:-.055em;font-size:clamp(45px,6vw,80px);font-weight:500}.project-description{max-width:520px;color:var(--text-secondary);margin-top:24px;font-size:17px;line-height:1.7}.project-arrow{border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:70px;height:70px;font-size:24px;transition:transform .3s,background .3s;display:grid}.github-project:hover .project-arrow{background:var(--accent);color:#080a0f;transform:rotate(45deg)}.contact{padding-top:180px;padding-bottom:180px}.contact-label{color:var(--accent);letter-spacing:2px;margin-bottom:30px;font-family:Space Mono,monospace;font-size:11px}.contact h2{letter-spacing:-.065em;max-width:950px;font-size:clamp(58px,8vw,112px);font-weight:500;line-height:.96}.contact h2 span{color:var(--text-muted);display:block}.contact-email{border-bottom:1px solid var(--border-hover);width:fit-content;color:var(--text-secondary);gap:18px;margin-top:60px;padding-bottom:8px;font-size:clamp(18px,2.4vw,32px);transition:color .2s;display:flex}.contact-email:hover{color:#fff}.contact-links{gap:25px;margin-top:60px;display:flex}.contact-links a{color:var(--text-muted);font-size:14px;transition:color .2s}.contact-links a:hover{color:var(--accent-light)}footer{border-top:1px solid var(--border)}.footer-content{min-height:100px;color:var(--text-muted);grid-template-columns:repeat(3,1fr);align-items:center;font-size:11px;display:grid}.footer-content p:nth-child(2){text-align:center}.footer-content a{text-align:right;transition:color .2s}.footer-content a:hover{color:#fff}@media (width<=1000px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:80px}.hero-card-wrapper{max-width:600px}.hero{padding-top:100px}.about-layout{grid-template-columns:1fr;gap:50px}.skills-layout{grid-template-columns:1fr;gap:60px}.skills-intro h2{position:static}}@media (width<=700px){.container,.nav-container{width:min(calc(100% - 36px), var(--max-width));& .hero-photo{max-width:100%}}.section{padding-top:110px;padding-bottom:110px}.navbar{position:sticky}.nav-container{height:70px}.logo-name{display:none}.nav-contact{font-size:12px}.hero{min-height:auto;padding-top:90px;padding-bottom:100px}.hero h1{font-size:clamp(55px,17vw,84px)}.hero-description{font-size:16px}.hero-meta{grid-template-columns:1fr;gap:18px;margin-top:60px}.hero-card-wrapper{width:100%}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:55px}.about-layout h2{font-size:45px}.about-copy{font-size:16px}.experience-item{grid-template-columns:1fr;gap:25px;padding:35px 8px}.experience-title h3{font-size:24px}.education-grid{grid-template-columns:1fr}.education-card{min-height:290px;padding:26px}.languages{grid-template-columns:1fr}.github-project{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:40px;min-height:420px;padding:30px}.project-arrow{width:55px;height:55px}.contact{padding-top:130px;padding-bottom:130px}.contact h2{font-size:clamp(52px,16vw,80px)}.contact-email{overflow-wrap:anywhere}.footer-content{grid-template-columns:1fr;gap:10px;padding-top:30px;padding-bottom:30px}.footer-content p:nth-child(2),.footer-content a{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
