:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;font-weight:400;background:#020617;color:#e2e8f0}body{margin:0;min-height:100vh;background:#020617;color:#e2e8f0}#root{min-height:100vh;width:100%}.page-shell{padding:0 24px 40px;max-width:1280px;margin:0 auto}.page-card{background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.16);border-radius:30px;padding:40px;box-shadow:0 28px 80px #00000052}.page-card:hover{transform:translateY(-2px);transition:transform .2s ease}.contact-card,.experience-item,.project-card,.notfound-card,.about-item{background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:24px;box-shadow:inset 0 0 0 1px #ffffff08}.contact-card h2,.experience-item h2,.project-card h2,.about-item h2{color:#f8fafc}.contact-card p,.experience-item p,.project-card p,.about-item p{margin:0;color:#cbd5e1;line-height:1.8}section,article,main,nav{display:block}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:rgba(15,23,42,.95);box-shadow:0 10px 40px #00000059;position:sticky;top:0;z-index:50}.logo-container{display:inline-flex;align-items:center;gap:12px}.logo-image{width:44px;height:44px;border-radius:14px;background:white;padding:8px}.logo-text{font-weight:800;letter-spacing:.02em;color:#f8fafc}.nav-links{display:flex;flex-wrap:wrap;gap:16px}.nav-button{padding:10px 16px;border-radius:28px;font-weight:600;color:#cbd5e1;transition:background-color .2s ease,color .2s ease}.nav-button.active,.nav-button:hover{background:#334155;color:#f8fafc}.home-page{position:relative;min-height:calc(100vh - 88px);padding-top:32px;overflow:hidden}.hero-panel{position:relative;display:grid;gap:32px;align-items:center;grid-template-columns:minmax(220px,1fr) minmax(280px,360px);padding:40px 24px 24px;z-index:1}.hero-copy{max-width:680px}.hero-subtitle{margin:0 0 16px;font-size:.95rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.hero-title{margin:0;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.05;color:#f8fafc}.hero-title span{display:block;color:#cbd5e1;margin-top:12px;font-size:1.15rem;font-weight:500}.hero-description{margin:24px 0 32px;max-width:640px;color:#cbd5e1;font-size:1.05rem}.hero-links{display:flex;flex-wrap:wrap;gap:16px}.hero-links a{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.24);transition:transform .2s ease,box-shadow .2s ease}.hero-links a:hover{transform:translateY(-2px);box-shadow:0 20px 50px #00000047}.hero-links img{width:24px;height:24px}.hero-visual{display:flex;justify-content:center;align-items:center}.profile-picture{width:min(100%,360px);border-radius:28px;box-shadow:0 24px 90px #0f172a29;border:6px solid rgba(255,255,255,.95)}.hero-background{position:absolute;inset:0;z-index:0;opacity:.18;filter:saturate(.9) brightness(.95)}.hero-background img{width:100%;height:100%;object-fit:cover}@media (max-width: 860px){.hero-panel{grid-template-columns:1fr;padding:24px}.hero-title{font-size:clamp(2rem,8vw,3rem)}}.about-page{padding:40px 24px}.about-page .page-card{background:linear-gradient(180deg,#0d1321 0%,#101b31 100%);border:1px solid rgba(148,163,184,.12);border-radius:30px;padding:40px;box-shadow:0 28px 80px #00000052}.about-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.about-item{padding:28px;border-radius:28px;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 0 0 1px #ffffff08;color:#e2e8f0}.about-item h2{margin-top:0;color:#f8fafc}.about-item p{margin:0;color:#cbd5e1;line-height:1.8}.about-item:hover{transform:translateY(-2px);transition:transform .2s ease}@media (max-width: 740px){.about-grid{grid-template-columns:1fr}}.experience-page .experience-item{flex-direction:column;align-items:stretch;gap:8px}.experience-page .experience-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.experience-page .experience-period{color:#94a3b8;font-size:.9rem;white-space:nowrap}.experience-page .experience-meta{color:#94a3b8;font-weight:600;margin-bottom:4px}.experience-page .experience-item ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.experience-page .experience-item li{color:#cbd5e1;line-height:1.6}.projects-page .projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects-page .project-card{flex-direction:column;align-items:stretch;gap:10px}.projects-page .project-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.projects-page .project-meta{color:#94a3b8;font-size:.85rem;white-space:nowrap}.projects-page .project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.projects-page .project-tag{font-size:.78rem;padding:4px 10px;border-radius:999px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.24);color:#cbd5e1}.projects-page .project-link{display:inline-block;margin-top:4px;font-size:.85rem;font-weight:600;color:#818cf8;text-decoration:none}.projects-page .project-link:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width: 820px){.projects-page .projects-grid{grid-template-columns:1fr}}.contact-page,.experience-page,.projects-page,.notfound-page{padding:40px 24px}.page-card{background:#0f172a;border-radius:30px;padding:40px;box-shadow:0 24px 60px #00000059}.page-card h1{margin-top:0;font-size:2.4rem;color:#f8fafc}.page-card p{color:#cbd5e1;font-size:1rem;line-height:1.75}.contact-grid,.experience-list,.projects-grid{display:grid;gap:24px;margin-top:32px}.contact-card,.experience-item,.project-card{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:24px;background:#111827}.contact-card img,.experience-item img,.project-card img{width:46px;height:46px}.contact-card h2,.experience-item h2,.project-card h2{margin:0 0 8px;font-size:1.1rem;color:#f8fafc}.contact-card p,.experience-item p,.project-card p{margin:0;color:#cbd5e1}.notfound-card{text-align:center}.notfound-card h1{font-size:4rem;color:#f8fafc}@media (max-width: 820px){.contact-grid,.experience-list,.projects-grid,.about-grid{grid-template-columns:1fr}}