*,*:before,*:after{box-sizing:border-box}img,picture,video,canvas,svg{display:block;max-width:100%}:root{--text-color: #111827;--text-color-secondary: #6b7280;--background: #f8fafc;--accent-color: #0ea5e9;--highlight-color: #22d3ee;--bg-shape-sky: rgba(14, 165, 233, .18);--bg-shape-pink: rgba(236, 72, 153, .16);--bg-shape-teal: rgba(45, 212, 191, .14);--hero-gradient-start: rgba(14, 165, 233, .22);--hero-gradient-end: rgba(236, 72, 153, .16);--hero-gradient-ring: rgba(14, 165, 233, .2);--hero-gradient-glow: rgba(59, 130, 246, .22);--hero-gradient-glow-secondary: rgba(45, 212, 191, .18);--glass-bg: rgba(255,255,255,.6);--glass-blur: blur(14px);--glass-border: rgba(17, 24, 39, .12);--glass-shadow: 0 10px 30px rgba(2, 6, 23, .08);--card-bg: var(--glass-bg);--card-border: var(--glass-border);--card-shadow: var(--glass-shadow);--content-max-width: min(100%, 1100px);--section-spacing: clamp(1.5rem, 3vw, 2.75rem);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 18px 44px rgba(15, 23, 42, .08);--font-size-base: clamp(.98rem, .92rem + .3vw, 1.06rem);--font-size-sm: clamp(.84rem, .8rem + .2vw, .94rem);--font-size-lg: clamp(1.18rem, 1.08rem + .4vw, 1.5rem);--font-size-xl: clamp(1.6rem, 1.4rem + .85vw, 2.4rem);--skeleton-base: rgba(255,255,255,.52);--skeleton-highlight: rgba(255,255,255,.78);font-family:Inter,system-ui,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-color);background:var(--background);font-size:var(--font-size-base);line-height:1.65;font-weight:400;padding-top:72px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}pre,code{font-family:Fira Mono,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:var(--content-max-width);margin:0 auto}.app-shell{position:relative;z-index:0}.background-art{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.bg-shape{position:absolute;border-radius:50%;opacity:.8;filter:blur(0px);mix-blend-mode:screen;transition:transform .6s ease}.bg-shape-1{width:520px;height:520px;top:-180px;left:-160px;background:radial-gradient(circle at center,var(--bg-shape-sky) 0%,transparent 70%);animation:floatOne 26s ease-in-out infinite alternate}.bg-shape-2{width:460px;height:460px;top:28%;right:-200px;background:radial-gradient(circle at center,var(--bg-shape-pink) 0%,transparent 70%);animation:floatTwo 22s ease-in-out infinite alternate}.bg-shape-3{width:540px;height:540px;bottom:-260px;left:35%;background:radial-gradient(circle at center,var(--bg-shape-teal) 0%,transparent 72%);animation:floatThree 28s ease-in-out infinite alternate}.home-hero{position:relative;padding:clamp(1.8rem,1.4rem + 2vw,3rem);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--hero-gradient-start),var(--hero-gradient-end));border:1px solid var(--hero-gradient-ring);box-shadow:var(--shadow-soft);overflow:hidden;-webkit-backdrop-filter:saturate(140%) blur(18px);backdrop-filter:saturate(140%) blur(18px)}.home-hero:before,.home-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(0px);opacity:.9;pointer-events:none}.home-hero:before{width:480px;height:480px;top:-220px;left:-180px;background:radial-gradient(circle at center,var(--hero-gradient-glow) 0%,transparent 70%)}.home-hero:after{width:420px;height:420px;bottom:-240px;right:-160px;background:radial-gradient(circle at center,var(--hero-gradient-glow-secondary) 0%,transparent 72%)}.home-hero>*{position:relative;z-index:1}.home-hero h1{margin-top:0}.topnav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.route-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--highlight-color));transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .3s ease,opacity .2s ease;z-index:1100}.route-progress[data-active=true]{transform:scaleX(1);opacity:1}.navcontent{display:flex;align-items:center;justify-content:space-between;width:var(--content-max-width);margin:0 auto;padding:clamp(.75rem,.6rem + 1vw,1rem) clamp(1rem,3vw,1.5rem);gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap}.brand{text-decoration:none;font-weight:700;font-size:var(--font-size-lg);color:inherit}.navmenu{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.4vw,1.5rem);margin:0;padding:0}.navmenu a{text-decoration:none;padding:.35rem .7rem;border-radius:var(--radius-sm);color:inherit;transition:color .2s ease,background .2s ease}.navmenu a:hover,.navmenu a:focus-visible{background:#0ea5e91f;color:var(--accent-color)}.navmenu .active{color:var(--accent-color);background:#0ea5e929}.navactions{display:flex;align-items:center;gap:.5rem}.nav-contact-group{display:inline-flex;align-items:center;gap:.35rem}.nav-contact{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--radius-sm);text-decoration:none;border:1px solid rgba(14,165,233,.16);background:#0ea5e91f;color:var(--accent-color);font-weight:600;font-size:var(--font-size-sm);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.nav-contact:hover,.nav-contact:focus-visible{background:#0ea5e933;color:var(--accent-color);border-color:#0ea5e947;transform:translateY(-1px)}.nav-copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:var(--radius-sm);border:1px solid rgba(14,165,233,.16);background:#0ea5e914;color:var(--accent-color);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.nav-copy-btn:hover,.nav-copy-btn:focus-visible{background:#0ea5e933;border-color:#0ea5e947;transform:translateY(-1px)}.nav-copy-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.nav-copy-btn[data-copied=true]{background:var(--accent-color);color:#fff;border-color:transparent}.nav-copy-icon{width:1rem;height:1rem;display:block;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;top:0;left:0}.language-switcher{display:flex;border:1px solid var(--glass-border);border-radius:999px;overflow:hidden;background:#ffffff73}.language-switcher button{border:none;background:transparent;padding:.3rem .4rem;display:flex;align-items:center;cursor:pointer}.language-switcher button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.language-switcher button.active{background:#0ea5e91f}.language-switcher img{display:block;border-radius:2px}.home-links{display:flex;gap:clamp(.6rem,.4rem + 1vw,1rem);flex-wrap:wrap;margin-top:1.5rem}.home-links a{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;border:1px solid var(--glass-border);background:#fff9;text-decoration:none;color:var(--text-color);transition:background .2s ease,color .2s ease}.home-links a:hover,.home-links a:focus-visible{background:#0ea5e929;color:var(--accent-color)}.resume-download{margin-top:1.5rem}.resume-download a{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--glass-border);text-decoration:none;background:#fff9;color:var(--text-color)}.resume-download a:hover{background:#0ea5e91f;color:var(--accent-color)}.resume-page{display:grid;gap:clamp(1rem,.8rem + 1.5vw,1.75rem)}.resume-page>p{margin:0}.resume-page>p+p{margin-top:.5rem}.resume-meta{margin:0;font-size:var(--font-size-sm);color:var(--text-color-secondary)}.resume-sections{display:grid;gap:clamp(.9rem,.8rem + 1vw,1.5rem)}.resume-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);padding:clamp(1rem,.9rem + 1vw,1.5rem)}.resume-section h2{margin:0 0 .75rem;font-size:clamp(1.1rem,1rem + .4vw,1.4rem)}.resume-section ul{margin:0;padding-left:1.25rem;display:grid;gap:.5rem}.section-editors{display:grid;gap:1rem}.section-editor{border:1px solid var(--card-border);border-radius:var(--radius-md);padding:clamp(.9rem,.8rem + 1vw,1.25rem);background:var(--card-bg)}.section-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.section-editor-header h4{margin:0;font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.project-cover-wrapper,.project-cover-preview{border-radius:var(--radius-md);aspect-ratio:16 / 9;border:1px solid var(--glass-border);box-shadow:var(--card-shadow);background:#0ea5e914;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(.5rem,.4rem + .8vw,1rem)}.project-cover-wrapper{width:100%}.project-cover-preview{width:min(100%,320px);margin-top:.75rem}.project-cover-wrapper img,.project-cover-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.resume-upload-grid{display:grid;gap:clamp(1rem,.9rem + 1vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.main{padding:clamp(1.25rem,1rem + 2vw,2.5rem) clamp(1.25rem,1rem + 3vw,2.75rem);width:min(100%,980px);margin:0 auto}.main>*+*{margin-top:var(--section-spacing)}.footer{padding:clamp(1rem,.8rem + 1vw,1.5rem);border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.footer-line small{color:var(--text-color-secondary)}.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1rem,.8rem + 1.2vw,1.75rem)}.card{border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1rem,.9rem + 1vw,1.6rem);background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:clamp(.65rem,.55rem + .6vw,1.1rem)}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags span{display:inline-flex;align-items:center;border:1px solid var(--glass-border);border-radius:999px;padding:0 .65rem;font-size:var(--font-size-sm)}.project-card{gap:clamp(.8rem,.6rem + .8vw,1.4rem)}.project-cover{display:block}.project-card .card-body{display:grid;gap:.75rem}.project-card h2{font-size:var(--font-size-lg);margin:0}.project-card p{margin:0}.project-actions{display:flex;flex-wrap:wrap;gap:.6rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff8c;color:var(--text-color);text-decoration:none;font-size:var(--font-size-sm);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,.button:focus-visible{background:#0ea5e929;color:var(--accent-color);box-shadow:0 8px 24px #0ea5e92e}.button.secondary{border-color:#0ea5e940}.button.ghost{background:transparent;border-color:#0ea5e933}.button.ghost:hover,.button.ghost:focus-visible{background:#0ea5e91f}.form{display:grid;gap:.75rem;max-width:720px}.form label{display:grid;gap:.5rem}input,textarea,select{padding:.6rem .7rem;border:1px solid var(--glass-border);border-radius:10px;background:#ffffff59;color:var(--text-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);width:100%}textarea{resize:vertical;min-height:6rem}button{padding:.6rem .9rem;border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;background:#ffffff59;color:var(--text-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}a{color:var(--accent-color)}h1,h2{color:var(--text-color);margin:0 0 clamp(.6rem,.5rem + .6vw,1rem)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}.neutral-stub{border-radius:var(--radius-md);border:1px dashed rgba(14,165,233,.25);background:#0ea5e914;padding:clamp(1rem,.9rem + .8vw,1.5rem)}.stack{display:grid;gap:1rem;padding:0;margin:0;list-style:none}.actions{display:flex;gap:.5rem}.danger{color:#dc2626;border-color:#dc26264d}.success{color:#16a34a}.error{color:#dc2626}.muted{color:var(--text-color-secondary)}.admin-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--background)}.admin-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.admin-header button{margin-left:.5rem}.admin-header .spacer{flex:1}.admin-body{display:flex;flex:1}.admin-nav{display:flex;flex-direction:column;gap:.5rem;width:220px;padding:1.5rem;border-right:1px solid var(--glass-border);background:#ffffff73}.admin-nav a{text-decoration:none;padding:.4rem .6rem;border-radius:8px}.admin-nav a.active{background:#0ea5e91f;color:var(--accent-color)}.admin-content{flex:1;padding:1.5rem;display:grid;align-items:start}.admin-auth{display:grid;place-items:center;min-height:100vh;padding:2rem}.admin-stats{display:flex;gap:1.5rem;list-style:none;padding:0;margin:1rem 0}.admin-stats li{font-size:1.1rem}.admin-user{color:var(--text-color-secondary)}@media (max-width: 900px){.navcontent,.navmenu{justify-content:center}.navactions{margin-left:auto}}@media (max-width: 640px){body{padding-top:clamp(112px,100px + 4vw,140px)}.navcontent{flex-direction:column;align-items:center;gap:.75rem;text-align:center}.navmenu{justify-content:center}.navactions{justify-content:center;flex-wrap:wrap}.brand{margin:0}.main{padding:clamp(1rem,.9rem + 2vw,1.75rem) clamp(1rem,.8rem + 4vw,1.5rem)}.cards{grid-template-columns:1fr}.bg-shape-1{width:360px;height:360px;top:-220px;left:-200px}.bg-shape-2{width:320px;height:320px;right:-160px;top:24%}.bg-shape-3{width:360px;height:360px;left:10%;bottom:-220px}.home-hero{padding:clamp(1.4rem,1.2rem + 2vw,2.2rem)}}@keyframes floatOne{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,35px,0) scale(1.08)}}@keyframes floatTwo{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-30px,20px,0) scale(1.05)}}@keyframes floatThree{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-25px,0) scale(1.1)}}.page-skeleton,.route-skeleton{display:grid;gap:.75rem}.skeleton-chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-chip-column{display:flex;flex-direction:column;gap:.6rem}@keyframes skeletonPulse{0%{transform:translate(-100%)}50%{transform:translate(70%)}to{transform:translate(100%)}}.skeleton-block{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:var(--radius-sm);min-height:.75rem}.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);animation:skeletonPulse 1.6s infinite}.skeleton-heading{height:clamp(1.8rem,1.4rem + 1vw,2.4rem);width:clamp(60%,40% + 15vw,80%)}.skeleton-subheading{height:clamp(1.2rem,1rem + .4vw,1.6rem);width:clamp(40%,30% + 12vw,65%)}.skeleton-paragraph{height:1rem;width:clamp(70%,45% + 20vw,100%)}.skeleton-pill{height:.9rem;border-radius:999px;width:6rem}.skeleton-media{height:180px;border-radius:var(--radius-md)}.skeleton-button{height:2.5rem;width:5.5rem;border-radius:999px}[data-theme=light]{--text-color: #111827;--text-color-secondary: #6b7280;--background: radial-gradient(1200px 800px at 10% -10%, #e0f2fe20 0%, transparent 60%), #f8fafc;--accent-color: #0ea5e9;--highlight-color: #38bdf8;--glass-bg: rgba(255,255,255,.65);--glass-blur: blur(14px);--glass-border: rgba(17, 24, 39, .12);--glass-shadow: 0 12px 30px rgba(2, 6, 23, .08);--card-bg: rgba(255,255,255,.7);--card-border: rgba(17, 24, 39, .12);--card-shadow: 0 8px 24px rgba(2,6,23,.06)}[data-theme=dark]{--text-color: #e5e7eb;--text-color-secondary: #9ca3af;--background: radial-gradient(1200px 800px at 10% -10%, #38bdf810 0%, transparent 60%), #0b1220;--accent-color: #60a5fa;--highlight-color: #93c5fd;--bg-shape-sky: rgba(96, 165, 250, .26);--bg-shape-pink: rgba(244, 114, 182, .2);--bg-shape-teal: rgba(45, 212, 191, .18);--hero-gradient-start: rgba(37, 99, 235, .3);--hero-gradient-end: rgba(236, 72, 153, .22);--hero-gradient-ring: rgba(147, 197, 253, .3);--hero-gradient-glow: rgba(129, 140, 248, .28);--hero-gradient-glow-secondary: rgba(45, 212, 191, .24);--glass-bg: rgba(13, 17, 23, .55);--glass-blur: blur(16px);--glass-border: rgba(255,255,255,.08);--glass-shadow: 0 14px 36px rgba(0,0,0,.45);--card-bg: rgba(17, 24, 39, .55);--card-border: rgba(255,255,255,.08);--card-shadow: 0 10px 28px rgba(0,0,0,.4)}[data-theme=cyber]{--text-color: #E6E6E6;--text-color-secondary: #b3b3b3;--background: radial-gradient(1000px 700px at 80% -20%, rgba(0,255,204,.12) 0%, transparent 60%), #101820;--accent-color: #00ffcc;--highlight-color: #61dafb;--bg-shape-sky: rgba(0, 255, 204, .28);--bg-shape-pink: rgba(97, 218, 251, .22);--bg-shape-teal: rgba(255, 0, 200, .22);--hero-gradient-start: rgba(0, 255, 204, .3);--hero-gradient-end: rgba(97, 218, 251, .26);--hero-gradient-ring: rgba(0, 255, 204, .4);--hero-gradient-glow: rgba(97, 218, 251, .32);--hero-gradient-glow-secondary: rgba(255, 0, 200, .28);--glass-bg: rgba(16, 24, 32, .55);--glass-blur: blur(16px);--glass-border: rgba(0, 255, 204, .35);--glass-shadow: 0 12px 36px rgba(0,255,204,.12), 0 2px 10px rgba(0,0,0,.4);--card-bg: rgba(16, 24, 32, .6);--card-border: rgba(0, 255, 204, .3);--card-shadow: 0 10px 28px rgba(0,255,204,.12), 0 2px 8px rgba(0,0,0,.45);font-family:Orbitron,sans-serif}[data-theme=cyber] h1{color:var(--accent-color);text-shadow:0 0 10px var(--accent-color)}[data-theme=cyber] a{color:var(--accent-color);text-shadow:0 0 5px var(--accent-color);transition:color .3s ease,text-shadow .3s ease}[data-theme=cyber] a:hover{color:var(--highlight-color);text-shadow:0 0 10px var(--highlight-color)}