:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100vh;width:100%}#root{min-height:100vh;width:100%}:root,[data-theme=dark]{--bg: #0b1220;--muted: #9ca3af;--accent: #8b5cf6;--card: #0f1724;--text: #e6eef8;--border: rgba(255,255,255,.06);--border-soft: rgba(255,255,255,.04);--nav-bg: rgba(11,18,32,.85);--overlay: rgba(2,6,23,.65);--shadow-card: 0 6px 18px rgba(2,6,23,.6);--shadow-hover: 0 14px 40px rgba(2,6,23,.6);--photo-bg: linear-gradient(135deg, #232946 60%, #1e293b 100%);--photo-border: #232946;--tag-bg: rgba(139,92,246,.12);--headline-outline: rgba(230,238,248,.35)}[data-theme=light]{--bg: #f6f7fb;--muted: #5b6470;--accent: #7c3aed;--card: #ffffff;--text: #0f172a;--border: rgba(15,23,42,.1);--border-soft: rgba(15,23,42,.06);--nav-bg: rgba(246,247,251,.9);--overlay: rgba(15,23,42,.45);--shadow-card: 0 6px 18px rgba(15,23,42,.08);--shadow-hover: 0 14px 40px rgba(15,23,42,.12);--photo-bg: linear-gradient(135deg, #e2e8f0 60%, #cbd5e1 100%);--photo-border: #e2e8f0;--tag-bg: rgba(124,58,237,.12);--headline-outline: rgba(15,23,42,.3)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;transition:background .25s,color .25s;min-height:100vh;width:100%}.app-container{max-width:1200px;margin:0 auto;padding:0 16px}.top-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;background:var(--nav-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.theme-toggle{margin-left:8px;background:var(--card);border:1px solid var(--accent);color:var(--accent);width:38px;height:38px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s,background .15s}.theme-toggle svg{display:block}.theme-toggle:hover{background:var(--tag-bg)}.top-nav-btn{background:transparent;border:1px solid transparent;color:var(--muted);font-size:.95rem;font-weight:500;padding:8px 18px;border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.top-nav-btn:hover{color:var(--text)}.top-nav-btn.active{color:var(--accent);border-color:var(--accent);background:#8b5cf61a}.page-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;margin-top:24px;align-items:start}.profile-column{position:sticky;top:84px;align-self:start}.content-column{min-width:0}.profile{background:var(--card);padding:18px;border-radius:12px;box-shadow:var(--shadow-card);text-align:center;border:1px solid var(--border-soft)}.profile-photo-wrapper{width:124px;height:124px;margin:0 auto 12px;border-radius:50%;background:var(--photo-bg);box-shadow:0 2px 12px #0000002e;display:flex;align-items:center;justify-content:center;border:2px solid var(--photo-border);overflow:hidden}.profile-photo{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1;border-radius:50%;display:block}.profile-name{margin:0;font-size:1.1rem;color:var(--text)}.profile-title{color:var(--muted);font-size:.9rem;margin-top:6px}.profile-contact{margin-top:12px;font-size:.85rem}.contact-link{display:block;color:var(--accent);text-decoration:none;margin-bottom:6px}.contact-muted{color:var(--muted)}.profile-socials{display:flex;justify-content:center;gap:16px;margin-top:14px}.social-link{color:var(--muted);transition:color .15s;position:relative}.social-link:hover{color:var(--accent)}.social-link:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.72rem;white-space:nowrap;padding:4px 8px;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:var(--shadow-card)}.social-link:hover:after{opacity:1}.page-section{padding:60px 0 40px;scroll-margin-top:80px}.page-section:first-child{padding-top:20px}.section-heading,.home-headline{margin:0 0 28px;font-size:2.6rem;font-weight:800;line-height:1;letter-spacing:-.02em;display:flex;flex-direction:column;gap:4px}.home-headline{font-size:3.4rem;margin-bottom:24px}.section-heading-solid,.home-headline-solid{color:var(--text)}.section-heading-outline,.home-headline-outline{color:transparent;-webkit-text-stroke:1.5px var(--headline-outline)}.home-summary{margin:0;color:var(--muted);font-size:1rem;line-height:1.6;max-width:640px}.experience-list,.projects-list{display:flex;flex-direction:column;gap:16px}.experience-card{position:relative;background:var(--card);padding:14px;border-radius:10px;cursor:pointer;border:1px solid var(--border-soft);display:flex;flex-direction:column;justify-content:space-between;transition:transform .12s ease,box-shadow .12s ease,background .25s,border-color .25s}.experience-card-location{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.78rem}.experience-card-location svg{flex-shrink:0}.experience-card-body{padding-right:140px}.experience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.experience-title{margin:0 0 6px;font-size:1.02rem;color:var(--text)}.experience-company{margin:0;color:var(--muted);font-size:.92rem}.experience-meta{display:flex;flex-direction:column;gap:8px;margin-top:12px}.experience-date{font-size:.8rem;color:var(--muted)}.experience-tags{display:flex;flex-wrap:wrap;gap:6px}.project-card{background:var(--card);padding:14px;border-radius:10px;cursor:pointer;border:1px solid var(--border-soft);display:flex;flex-direction:column;justify-content:space-between;transition:transform .12s ease,box-shadow .12s ease,background .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.project-title{margin:0 0 6px;font-size:1.02rem;color:var(--text)}.project-summary{margin:0;color:var(--muted);font-size:.92rem}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.project-date{font-size:.8rem;color:var(--muted)}.tag{background:var(--tag-bg);color:var(--accent);padding:4px 8px;border-radius:999px;font-size:.75rem;margin-left:6px}.details-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.details{background:var(--card);max-width:760px;width:100%;max-height:85vh;overflow-y:auto;padding:24px;border-radius:12px;box-shadow:var(--shadow-hover);position:relative;border:1px solid var(--border-soft)}.details-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer;color:var(--muted);line-height:1}.details-close:hover{color:var(--text)}.details-title{margin:8px 0 4px;color:var(--text)}.details-meta{color:var(--muted);font-size:.9rem;margin-bottom:8px}.details-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.details-description{line-height:1.6;color:var(--text)}.details-list{margin:0;padding:0 0 0 18px;line-height:1.7;color:var(--text);font-size:.95rem}.details-list li{margin-bottom:6px}.details-links{margin-top:12px}.details-link{display:inline-block;margin-right:8px;color:var(--accent);text-decoration:none}.details-link:hover{text-decoration:underline}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tool-card{background:var(--card);border:1px solid var(--border-soft);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:transform .12s ease,border-color .12s ease,background .25s}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent)}.tool-icon{width:36px;height:36px;flex-shrink:0;border-radius:8px;background:var(--tag-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.tool-name{color:var(--text);font-size:.95rem;font-weight:500}.lets-connect-btn{display:block;width:100%;margin-top:14px;padding:9px 0;background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .12s}.lets-connect-btn:hover{opacity:.88;transform:translateY(-1px)}.contact-modal-title{margin:8px 0 6px;font-size:1.4rem;font-weight:700;color:var(--text)}.contact-modal-subtitle{margin:0 0 20px;color:var(--muted);font-size:.92rem;line-height:1.5}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-field{display:flex;flex-direction:column;gap:5px}.contact-label{font-size:.85rem;font-weight:500;color:var(--text)}.contact-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.92rem;font-family:inherit;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.contact-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf626}.contact-input.error{border-color:#ef4444}.contact-input:disabled{opacity:.55;cursor:not-allowed}textarea.contact-input{resize:vertical;min-height:110px}.contact-error-text{font-size:.78rem;color:#ef4444;margin:0}.contact-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.88rem;line-height:1.5;padding:10px 14px}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 0;background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .12s;margin-top:4px}.contact-submit-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:contact-spin .7s linear infinite;flex-shrink:0}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 0 8px;text-align:center}.contact-success-message{font-size:1.1rem;font-weight:600;color:var(--text)}.contact-success-close{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 28px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.contact-success-close:hover{background:var(--tag-bg)}.honeypot-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:900px){.page-layout{grid-template-columns:1fr;gap:24px}.profile-column{position:static;top:auto;max-width:360px;width:100%;margin:0 auto}.home-headline{font-size:2.6rem}.section-heading{font-size:2rem}.tools-grid{grid-template-columns:1fr}}@media(max-width:600px){.app-container{padding:0 12px}.top-nav{gap:4px;padding:10px 0}.top-nav-btn{padding:6px 12px;font-size:.85rem}.theme-toggle{width:34px;height:34px;margin-left:4px}.home-headline{font-size:2rem}.section-heading{font-size:1.6rem}.page-section{padding:40px 0 30px}.contact-form-row{grid-template-columns:1fr}}