:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5ff;--surface:#fffffff2;--surface-2:#f2ecffe0;--text:#130f33;--muted:#5b4f7c;--border:#6848d629;--accent:#6b46ff;--accent-2:#ff5c93;--accent-3:#00c8c8;--accent-soft:#6b46ff1a;--card:#fff;--shadow:0 22px 45px #3627791f;--gradient:linear-gradient(135deg, #6b46ff 0%, #ff5c93 45%, #00c8c8 100%);--gradient-soft:linear-gradient(135deg, #6b46ff29, #ff5c931f, #00c8c81a);--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;font:18px/1.6 var(--font-sans);letter-spacing:.02em;color:var(--text);background:radial-gradient(circle at top left, #6b46ff29, transparent 25%), radial-gradient(circle at 80% 10%, #ff5c931f, transparent 18%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0b19;--surface:#171627fa;--surface-2:#26203ff0;--text:#fff;--muted:#f8f7ff;--border:#715fda40;--accent:#7c6cff;--accent-2:#ff7fb8;--accent-3:#42e0d9;--accent-soft:#7c6cff1f;--card:#100f21eb;--shadow:0 22px 45px #00000059;--gradient:linear-gradient(135deg, #7c6cff 0%, #ff7fb8 45%, #42e0d9 100%);--gradient-soft:linear-gradient(135deg, #7c6cff2e, #ff7fb824, #42e0d91a);background:radial-gradient(circle at top left, #7c6cff29, transparent 25%), radial-gradient(circle at 80% 10%, #ff7fb81f, transparent 18%), var(--bg)}@media (width<=1024px){:root{font-size:16px}}body{min-height:100vh;margin:0}#root{width:100%;min-height:100vh;margin:0 auto}h1,h2{font-family:var(--font-sans);font-weight:700}h1{margin:0;font-size:clamp(3rem,3.5vw,4.2rem)}h2{margin:0;font-size:clamp(2rem,2.3vw,2.6rem)}p{margin:0}button,a{font:inherit}.app{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 24px 32px;transition:padding .3s;display:flex}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 16px;transition:padding .3s,gap .3s,justify-content .3s,text-align .3s;display:flex}.header-controls{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:.12em;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.brand-role,.brand-subtitle{text-align:left;margin:0}.brand-role{font-size:1rem;font-weight:700}.brand-subtitle{color:#5e5b72;font-size:.95rem}.site-nav{flex-wrap:wrap;justify-content:center;gap:16px;transition:gap .3s,justify-content .3s,width .3s;display:flex}.site-nav a{color:var(--text);font-weight:600;text-decoration:none;transition:color .2s,transform .2s,font-size .3s}.site-nav a:hover{color:var(--accent);transform:translateY(-1px)}.theme-toggle{background:var(--surface);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:12px 18px;transition:transform .2s,background-color .2s,box-shadow .2s,width .3s,padding .3s;box-shadow:0 12px 30px #18164114}.theme-toggle:hover{background:var(--accent-soft);transform:translateY(-1px)}.hero-section,.section{padding:40px 0}.hero-section{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:start;gap:32px;transition:gap .3s,grid-template-columns .4s;display:grid}.hero-copy{max-width:720px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#7426d1;margin:0 0 16px;font-size:.9rem;font-weight:700}.hero-section h1,.section-heading h2{color:#141228;margin:0 0 18px;font-size:clamp(2.8rem,3.3vw,4rem);line-height:1.03;transition:font-size .3s,line-height .3s}.hero-text,.section p,.hero-card p,.timeline-card li,.skill-card li,.education-card li,.contact-card a{color:#4b4a5e}.hero-text{max-width:58rem;margin-bottom:28px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;transition:gap .3s,flex-direction .3s,align-items .3s,width .3s;display:flex}.button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s,width .3s,padding .3s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gradient);color:#fff;box-shadow:0 18px 40px #6b46ff3d}.button.secondary{color:var(--text);background:#ffffff2e;border:1px solid #ffffff4d}.hero-details{gap:18px;display:grid}.hero-card,.timeline-card,.skill-card,.education-card,.contact-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:24px;transition:padding .3s,border-color .3s,box-shadow .3s,transform .3s}.hero-card .card-label,.contact-card h3,.skill-card h3,.education-card h3,.timeline-card h3{color:var(--text);margin:0 0 12px;font-size:1rem}.hero-card p,.contact-card p,.timeline-card h3,.timeline-card .meta,.skill-card li,.education-card li{margin:0}.hero-card p{font-size:.98rem;line-height:1.7}.section-alt{background:var(--surface-2);border-radius:32px}.section-heading{margin-bottom:28px}.section-heading h2{margin:0}.section-heading p{margin-bottom:12px}.timeline{gap:20px;display:grid}.timeline-card ul{gap:10px;margin:18px 0 0;padding-left:20px;display:grid}.timeline-card .timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;transition:gap .3s,flex-direction .3s,align-items .3s,width .3s;display:flex}.timeline-card .meta{color:var(--muted);margin-top:6px;font-size:.95rem}.timeline-card .date{color:var(--accent-3);font-size:.95rem}.skill-grid,.education-grid,.contact-grid{gap:20px;transition:gap .3s,grid-template-columns .4s;display:grid}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card ul,.education-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.skill-card li,.education-card li{color:#5f5b71;line-height:1.7}.education-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card h3{margin-bottom:16px}.contact-card a{color:var(--accent);font-weight:600;text-decoration:none}.site-footer{border-top:1px solid #e8e7ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:36px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:18px;transition:gap .3s,justify-content .3s;display:flex}.footer-links a{color:#3723c2;text-decoration:none}@media (width<=1100px){.hero-section{grid-template-columns:1fr;gap:28px}.skill-grid,.education-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.hero-text{font-size:1rem;line-height:1.75}.hero-card,.timeline-card,.skill-card,.education-card,.contact-card{padding:22px}}@media (width<=860px){.site-header{padding:20px 0 12px}.hero-actions,.timeline-card .timeline-header{gap:14px}.footer-links{gap:16px}}@media (width<=680px){.site-header{text-align:center;justify-content:center;padding:18px 0 12px}.header-controls{flex-direction:column;align-items:center;width:100%}.site-nav{justify-content:center;gap:12px;width:100%}.site-nav a{font-size:.95rem}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.button,.theme-toggle{width:100%}.hero-card,.timeline-card,.skill-card,.education-card,.contact-card{padding:22px}.skill-grid,.education-grid,.contact-grid{gap:18px}}@media (width<=580px){.app{padding:0 18px 28px}.hero-section{gap:20px}.hero-text{font-size:.98rem;line-height:1.75}.section-heading h2{font-size:2rem}.site-nav{gap:10px}.brand-mark{width:50px;height:50px}.timeline-card .timeline-header{flex-direction:column;align-items:stretch}.footer-links{justify-content:center}}@media (width<=480px){.app{padding:0 12px 24px}.site-header{gap:16px}.site-nav{gap:8px}.site-nav a{font-size:.92rem}.theme-toggle,.button{width:100%}.hero-section{gap:18px}.hero-text{font-size:.95rem}.hero-card,.timeline-card,.skill-card,.education-card,.contact-card{padding:16px}}