@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&family=Rubik+Glitch&display=swap";@import"https://fonts.cdnfonts.com/css/norwester";@import"https://fonts.cdnfonts.com/css/bisdak";:root{--bg-primary: #0d0d14;--bg-secondary: #13131f;--bg-card: rgba(255, 255, 255, .04);--accent-purple: #7c3aed;--accent-blue: #2563eb;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-green: #10b981;--accent-yellow: #f59e0b;--text-primary: #f1f1f8;--text-muted: #8b8baa;--glass-border: rgba(255, 255, 255, .08);--gradient-hero: linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #06b6d4 100%);--gradient-bar: linear-gradient(90deg, #7c3aed, #06b6d4);--gradient-card: linear-gradient(135deg, rgba(124, 58, 237, .1), rgba(6, 182, 212, .05));--font-heading: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-glitch: "Rubik Glitch", system-ui;--font-norwester: "Norwester", "Manrope", sans-serif;--font-bisdak: "Bisdak", "BISDAK DEMO", "Rubik Glitch", "Manrope", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--section-padding: 100px 0;--container-width: min(1180px, 92vw);--nav-height: 76px}[data-theme=light]{--bg-primary: #f5f5ff;--bg-secondary: #ebebff;--bg-card: rgba(0, 0, 0, .03);--text-primary: #0f0f1a;--text-muted: #555577;--glass-border: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at 10% 10%,rgba(124,58,237,.16),transparent 38%),radial-gradient(circle at 90% 20%,rgba(37,99,235,.14),transparent 34%),radial-gradient(circle at 85% 90%,rgba(6,182,212,.1),transparent 35%),var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent-purple);color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:999px}a{color:inherit;text-decoration:none}ul{list-style-position:inside}main{position:relative;z-index:1}.container{width:var(--container-width);margin:0 auto}.section{padding:var(--section-padding)}.section-title{font-family:Imprint MT Shadow,Times New Roman,serif;font-size:clamp(1.8rem,2.8vw,2.6rem);margin-bottom:1.3rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;height:3px;width:70%;border-radius:999px;background:var(--gradient-hero);animation:gradientShift 4s ease infinite;background-size:200% 200%}.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:999px;padding:12px 22px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.btn-primary{background:var(--accent-purple);color:#fff;border:1px solid transparent}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #7c3aed59}.btn-outline{border:1px solid var(--accent-blue);color:var(--text-primary);background:transparent}.btn-outline:hover{transform:scale(1.05);border-color:var(--accent-cyan);box-shadow:0 10px 24px #06b6d438}.badge{display:inline-flex;align-items:center;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.01em;padding:6px 12px;line-height:1}.glass-card{background:var(--gradient-card),var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reveal{opacity:0;transform:translateY(30px)}.reveal.visible{animation:fadeUp .8s ease forwards}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-hero);z-index:1200}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:1400;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}.loading-screen.hide{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{position:relative;display:grid;place-items:center}.loading-inner h1{font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,4rem);background:var(--gradient-hero);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}.loading-ring{position:absolute;width:110px;height:110px;border-radius:50%;border:2px solid rgba(124,58,237,.35);border-top-color:var(--accent-cyan);animation:pulse 1.25s ease-in-out infinite}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1100;transition:backdrop-filter .3s ease,box-shadow .3s ease,background .3s ease}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 28px #00000042;background:#0d0d1494}[data-theme=light] .navbar.scrolled{background:#f5f5ffbf}.navbar-inner{width:var(--container-width);margin:0 auto;height:100%;display:flex;justify-content:center;gap:16px;align-items:center}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{font-family:Imprint MT Shadow,Times New Roman,serif;font-size:1.12rem;font-weight:600;color:var(--text-muted);transition:color .2s ease}.nav-links a.home-link,.mobile-drawer a.home-link{font-family:Imprint MT Shadow,Times New Roman,serif;font-weight:800}main h2,main h3,main h4,main h5,main h6{font-family:Imprint MT Shadow,Times New Roman,serif}.nav-links a.active,.nav-links a:hover{color:var(--accent-purple)}.nav-controls{display:flex;align-items:center;gap:10px}.theme-btn,.menu-btn{height:38px;width:38px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.theme-btn svg,.menu-btn svg{width:18px;height:18px}.menu-btn{display:none;font-size:1.15rem}.mobile-drawer{position:fixed;top:0;right:0;height:100svh;width:min(320px,82vw);background:var(--bg-secondary);border-left:1px solid var(--glass-border);padding:92px 24px 24px;transform:translate(100%);transition:transform .3s ease;z-index:1090}.mobile-drawer.open{transform:translate(0)}.mobile-drawer a{font-family:Imprint MT Shadow,Times New Roman,serif;display:block;color:var(--text-muted);padding:11px 0;font-weight:600}.mobile-drawer a.active{color:var(--accent-purple)}.hero{min-height:100svh;display:grid;place-items:center;padding-top:calc(var(--nav-height) + 20px);position:relative;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0;animation:float 8s ease-in-out infinite}.hero-orb.one{width:300px;height:300px;background:#7c3aed80;top:12%;left:-80px}.hero-orb.two{width:320px;height:320px;background:#06b6d466;bottom:9%;right:-90px;animation-delay:1s}.hero-orb.three{width:240px;height:240px;background:#2563eb66;top:58%;left:40%;animation-delay:2.3s}.hero-content{width:var(--container-width);position:relative;z-index:1;text-align:center}.hero h1{font-family:Bodoni MT Black,Bodoni MT,Times New Roman,serif;font-weight:800;font-size:clamp(3.2rem,13vw,10rem);line-height:.95;letter-spacing:2px;margin-bottom:12px;color:var(--text-primary);white-space:nowrap}.hero-location{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.11em;font-size:.8rem;margin-bottom:16px;font-weight:700}.typewriter{min-height:4rem;font-size:2rem;color:var(--text-primary);font-weight:600;margin-bottom:16px}.hero-role{min-height:2rem;color:var(--text-primary);font-weight:700;margin-bottom:10px;font-size:clamp(1.2rem,2vw,1.7rem);transition:opacity .24s ease,transform .24s ease}.hero-role.show{opacity:1;transform:translateY(0)}.hero-role.hide{opacity:0;transform:translateY(4px)}.download-cv{display:inline-block;font-family:var(--font-norwester);letter-spacing:.08em;font-size:1.05rem;color:var(--accent-cyan);margin-bottom:16px;border-bottom:1px solid rgba(6,182,212,.5);padding-bottom:2px}.download-cv:hover{color:#67e8f9;border-bottom-color:#67e8f9}.cursor{display:inline-block;margin-left:4px;animation:blink 1s step-end infinite}.hero-summary{max-width:760px;margin:0 auto 28px;color:var(--text-muted);font-size:1.03rem}.hero-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.social-row{display:flex;justify-content:center;gap:12px;margin-bottom:28px}.social-icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--bg-card);display:grid;place-items:center;transition:transform .25s ease,box-shadow .25s ease}.social-icon svg{width:19px;height:19px}.social-icon.github:hover{transform:scale(1.2);box-shadow:0 0 22px #7c3aed8c}.social-icon.linkedin:hover{transform:scale(1.2);box-shadow:0 0 22px #2563eb8c}.social-icon.email:hover{transform:scale(1.2);box-shadow:0 0 22px #06b6d48c}.scroll-indicator{display:inline-flex;color:var(--text-muted);opacity:.85;animation:bounceY 1.7s ease-in-out infinite}.scroll-indicator svg{width:22px;height:22px}.about-grid{display:grid;gap:24px;grid-template-columns:1.35fr 1fr}.about-text p{margin-top:12px;color:var(--text-muted)}.about-photo-frame{align-self:center;justify-self:center;width:min(400px,100%);aspect-ratio:1;border-radius:50%;padding:10px;background:#ffffff0a;border:1px solid var(--glass-border);box-shadow:0 0 30px #ffffff14,0 0 60px #7c3aed24;overflow:hidden}.about-photo{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.stats-stack{display:grid;gap:14px}.stat-card{padding:18px;border-left:4px solid}.stat-card.purple{border-left-color:var(--accent-purple)}.stat-card.cyan{border-left-color:var(--accent-cyan)}.stat-card.green{border-left-color:var(--accent-green)}.stat-number{font-family:var(--font-heading);font-size:2rem;line-height:1;margin-bottom:8px}.stat-label{color:var(--text-muted);font-size:.95rem}.skills-shell{max-width:980px;margin:0 auto;padding:16px}.skills-inline{margin-top:16px}.about-text .skills-shell{max-width:none;margin:0}.skills-shell .section-title{margin-bottom:10px;font-size:clamp(1.9rem,2.2vw,2.8rem)}.skills-shell .section-title:after{width:170px}.skills-icon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-icon-card{padding:12px;display:flex;align-items:center;gap:9px}.skill-icon-card h3{font-family:var(--font-heading);font-size:.95rem}.skill-logo{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);background:#ffffff08}.skill-logo svg{width:18px;height:18px}.skill-logo.git{color:#f8fafc}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{padding:20px;border-top:3px solid var(--accent-purple);transition:transform .3s ease,box-shadow .3s ease}.project-card.cyan{border-top-color:var(--accent-cyan)}.project-card:hover{transform:translateY(-8px);box-shadow:0 18px 34px #7c3aed38}.project-card.cyan:hover{box-shadow:0 18px 34px #06b6d438}.project-title{font-family:var(--font-heading);font-size:1.35rem;margin:10px 0 14px}.stack-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.stack-row .badge:nth-child(1){background:#7c3aed2e;color:#d6c0ff}.stack-row .badge:nth-child(2){background:#2563eb33;color:#bfdbfe}.stack-row .badge:nth-child(3){background:#06b6d438;color:#a5f3fc}.stack-row .badge:nth-child(4){background:#ec489938;color:#fbcfe8}.project-list{color:var(--text-muted);margin-bottom:18px;padding-left:2px}.project-list li{margin-top:8px}.github-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);display:grid;place-items:center;background:var(--bg-card);transition:transform .22s ease,box-shadow .22s ease}.github-btn svg{width:18px;height:18px}.github-btn:hover{transform:scale(1.08);box-shadow:0 0 24px #7c3aed66}.final-badge{background:#f59e0b38;color:#fde68a}.research-card{border-left:4px solid var(--accent-purple);padding:24px}.research-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.research-head h3{font-family:var(--font-heading);font-size:clamp(1.3rem,2.5vw,1.9rem)}.research-meta{margin-top:4px;color:var(--text-muted);font-size:.98rem}.research-meta strong{color:var(--text-primary)}.research-year{flex:0 0 auto;font-size:1.05rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.research-points{color:var(--text-muted);padding-left:20px}.research-points li{margin-top:10px}.research-view{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.research-view-label{font-family:var(--font-heading);font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.research-link{text-decoration:none;white-space:nowrap}.timeline{position:relative;margin-top:10px;padding-left:28px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--accent-purple),var(--accent-cyan))}.timeline-item{position:relative;padding:18px}.timeline-dot{position:absolute;left:-30px;top:26px;width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-purple);background:var(--accent-purple);box-shadow:0 0 0 4px #7c3aed33}.timeline-item h3{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:8px}.timeline-item p{color:var(--text-muted)}.year-badge{margin-top:10px;background:#ec489938;color:#fbcfe8}.cert-row{display:flex;flex-wrap:wrap;gap:12px}.cert-chip{padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--glass-border);background:var(--bg-card);transition:transform .22s ease,border-color .22s ease}.cert-chip:hover{transform:scale(1.05);border-color:#fff6}.cert-chip.purple{color:#ddd6fe}.cert-chip.yellow{color:#fde68a}.cert-chip.cyan{color:#a5f3fc}.cert-chip.green{color:#86efac}.cert-link{text-decoration:none;cursor:pointer}.cert-link:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:stretch}.contact-card{padding:22px}.contact-card h3{margin-bottom:16px;font-family:var(--font-heading);font-size:1.55rem}.contact-form{display:grid;gap:12px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-form label{display:grid;gap:7px;color:var(--text-primary);font-weight:600;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(245,158,11,.28);background:#0c1224bf;color:var(--text-primary);border-radius:12px;padding:11px 12px;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-yellow);box-shadow:0 0 0 3px #f59e0b2e}.contact-submit{margin-top:4px;border:1px solid rgba(245,158,11,.55);color:#fdba74;background:#f59e0b14;border-radius:12px;padding:12px 14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.contact-submit:hover{transform:translateY(-1px);background:#f59e0b29;border-color:#f59e0bcc}.contact-info-list{display:grid;gap:14px;margin-bottom:18px}.contact-info-list span{display:block;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fdba74;margin-bottom:4px}.contact-info-list a,.contact-info-list p{color:var(--text-primary);text-decoration:none}.contact-social-row{display:flex;gap:9px;margin-bottom:16px}.contact-social-row a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);color:var(--text-primary);text-decoration:none;font-weight:700}.contact-social-row a svg{width:18px;height:18px}.contact-social-row a:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.contact-availability{border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;background:#06b6d40f}.contact-availability strong{color:var(--text-primary)}.contact-availability p{margin-top:6px;color:var(--text-muted)}.footer{padding:40px 0 50px}.footer-inner{width:var(--container-width);margin:0 auto;text-align:center}.footer-social{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.footer-divider{height:1px;width:100%;background:var(--glass-border);margin-bottom:16px}.footer p{color:var(--text-muted)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes splashWave{0%{width:10px;height:10px;opacity:.85;border-width:2px}to{width:120px;height:120px;opacity:0;border-width:1px}}@media (max-width: 980px){.navbar-inner{justify-content:space-between;gap:8px}.nav-links{display:none}.menu-btn{display:inline-flex}.about-grid,.projects-grid,.contact-grid,.skills-icon-grid{grid-template-columns:1fr}.about-photo-frame{width:min(350px,100%)}}@media (max-width: 720px){:root{--section-padding: 80px 0}.container,.navbar-inner,.footer-inner{width:min(1180px,94vw)}.hero-content{text-align:left}.hero-summary{margin-left:0}.hero-ctas,.social-row{justify-content:flex-start}.section-title:after{width:92%}.contact-row{grid-template-columns:1fr}}