@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#f7f8fb;background-color:var(--bg);color:#0f1117;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-sans);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.home-page{align-items:center;display:flex;flex-direction:column;padding:60px 24px 0}.page-section{max-width:860px;max-width:var(--max-w);opacity:0;padding-top:120px;padding-top:var(--section-gap);transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;width:100%}.page-section--visible{opacity:1;transform:translateY(0)}.section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:48px}.section-eyebrow{color:#411adb;color:var(--accent);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.section-heading{color:#0f1117;color:var(--text-primary);font-family:"DM Serif Display",serif;font-family:var(--font-serif);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:400;letter-spacing:-.02em;line-height:1.15}.profile-section .section-header{display:none}.profile-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e5eb;border:1px solid var(--border);border-radius:16px;display:flex;gap:48px;padding:40px 48px;transition:border-color .25s}.profile-card:hover{border-color:#411adb;border-color:var(--accent)}.profile-image-wrap{border:2px solid #e2e5eb;border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:130px;overflow:hidden;transition:border-color .25s;width:130px}.profile-card:hover .profile-image-wrap{border-color:#411adb;border-color:var(--accent)}.profile-image{display:block;height:100%;object-fit:cover;width:100%}.profile-info{display:flex;flex-direction:column;gap:10px}.profile-name{color:#0f1117;color:var(--text-primary);font-family:"DM Serif Display",serif;font-family:var(--font-serif);font-size:1.7rem;font-weight:400;letter-spacing:-.02em}.profile-roles{color:#8a93a6;color:var(--text-muted);font-size:.88rem;font-weight:300;letter-spacing:.01em}.profile-resume{margin-top:4px}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-chip{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e5eb;border:1px solid var(--border);border-radius:8px;cursor:default;display:flex;gap:10px;padding:10px 18px;transition:border-color .2s,box-shadow .2s}.skill-chip:hover{border-color:#411adb;border-color:var(--accent);box-shadow:0 2px 16px #5b8dee1a}.skill-icon{align-items:center;display:flex;flex-shrink:0}.skill-label{color:#444b5a;color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.01em;white-space:nowrap}.about-body{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:680px;text-align:center}.about-body p{color:#444b5a;color:var(--text-secondary);font-size:1.125rem;font-weight:300;line-height:1.8}.timeline{padding-left:32px;position:relative}.timeline:before{background:linear-gradient(180deg,#411adb,#e2e5eb);background:linear-gradient(to bottom,var(--accent),var(--border));bottom:0;content:"";left:7px;position:absolute;top:8px;width:1px}.profile-resume a,.profile-resume button{align-items:center;background:#e8f0fe;background:var(--accent-light);border:1px solid #5b8dee40;border-radius:6px;color:#411adb;color:var(--accent);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:.78rem;font-weight:500;gap:7px;letter-spacing:.06em;padding:8px 16px;text-decoration:none;text-transform:uppercase;transition:background .2s,border-color .2s;width:auto}.profile-resume a:hover,.profile-resume button:hover{background:#5b8dee2e;border-color:#411adb;border-color:var(--accent);opacity:1}.fade-in{transition:opacity .9s ease-in}@media (max-width:640px){.profile-card{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.profile-info{align-items:center}.skills-grid{gap:10px}:root{--section-gap:80px}}.social-icons{display:flex;font-size:24px;gap:50px;justify-content:center}.social-icons a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.social-icons a:hover{color:#0073b1}.navbar{align-items:center;background:#0000;border-bottom:1px solid #0000;display:flex;font-family:DM Sans,sans-serif;height:60px;left:0;position:fixed;top:0;transition:background .4s ease,border-color .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;width:100%;z-index:1000}.navbar--scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#080c14bf;border-bottom-color:#5b8dee1f}.navbar-container{justify-content:space-between;padding:0 28px;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{background:none;border:none;color:#ebc909;cursor:pointer;gap:8px;padding:0;transition:opacity .2s}.navbar-logo:hover{opacity:.75}.navbar-wordmark{color:#5b8dee;font-family:"DM Serif Display",serif;font-size:1.1rem;font-style:italic;letter-spacing:.02em}.nav-menu{gap:4px;list-style:none;margin:0;padding:0}.nav-item,.nav-links,.nav-menu{align-items:center;display:flex}.nav-links{border-radius:6px;color:#8a96b0;cursor:pointer;flex-direction:column;font-size:.78rem;font-weight:500;gap:2px;letter-spacing:.08em;padding:8px 14px;position:relative;text-transform:uppercase;transition:color .2s;-webkit-user-select:none;user-select:none}.nav-links:hover{color:#edf0f7}.nav-underline{background:#5b8dee;border-radius:1px;display:block;height:1px;transition:width .25s ease;width:0}.nav-links:hover .nav-underline{width:100%}.nav-item--toggle{margin-left:8px}.dark-mode-toggle{align-items:center;background:#5b8dee14;border:1px solid #5b8dee33;border-radius:6px;color:#5b8dee;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;gap:7px;letter-spacing:.04em;padding:7px 12px;transition:background .2s,border-color .2s}.dark-mode-toggle:hover{background:#5b8dee29;border-color:#5b8dee66}.menu-icon{background:none;border:none;border-radius:6px;color:#edf0f7;cursor:pointer;display:none;padding:8px;transition:background .2s}.menu-icon:hover{background:#ffffff14}.mobile-drawer{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#080c14f7;display:flex;height:calc(100vh - 60px);justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:60px;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:999}.mobile-drawer--open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu{flex-direction:column;gap:8px;list-style:none;margin:0;padding:0 32px}.mobile-item,.mobile-menu{align-items:center;display:flex;width:100%}.mobile-item{animation:none;border:1px solid #0000;border-radius:10px;color:#edf0f7;cursor:pointer;font-size:1.3rem;font-weight:400;gap:16px;max-width:320px;opacity:0;padding:18px 24px;transform:translateY(10px);transition:background .2s,border-color .2s}.mobile-drawer--open .mobile-item{animation:mobileIn .35s ease forwards}.mobile-item:hover{background:#5b8dee14;border-color:#5b8dee33}.mobile-index{color:#5b8dee;font-family:"DM Serif Display",serif;font-size:.8rem;font-style:italic;min-width:24px}.mobile-item--toggle{cursor:default;margin-top:16px}.mobile-item--toggle:hover{background:none;border-color:#0000}.mobile-item--toggle .dark-mode-toggle{border-radius:10px;font-size:.85rem;justify-content:center;padding:14px;width:100%}@keyframes mobileIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transition:opacity 1s ease-in}.fade-in.visible{opacity:1}.homePage{margin-top:60px}@media screen and (max-width:768px){.nav-menu{display:none}.menu-icon{display:flex}}.exp-item{margin-bottom:48px;opacity:0;position:relative;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.exp-item.exp-visible{opacity:1;transform:translateY(0)}.exp-dot{background:var(--surface);border:2px solid var(--accent);border-radius:50%;height:14px;left:-32px;position:absolute;top:6px;transition:background .25s ease,transform .25s ease;width:14px;z-index:1}.exp-item:hover .exp-dot{background:var(--accent);transform:scale(1.2)}.exp-body{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 28px;transition:border-color .25s ease,box-shadow .25s ease}.exp-item:hover .exp-body{border-color:var(--accent);box-shadow:0 4px 24px #1a56db14}.exp-date{background:var(--accent-light);border-radius:4px;color:var(--accent);display:inline-block;font-size:.72rem;font-weight:500;letter-spacing:.08em;margin-bottom:12px;padding:3px 8px;text-transform:uppercase}.exp-title{color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:1.2rem;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin:0 0 4px}.exp-org{color:var(--text-muted);font-size:.85rem;font-weight:400;margin:0 0 16px}.exp-list{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:16px 0 0}.exp-list li{color:var(--text-secondary);font-size:.88rem;font-weight:300;line-height:1.65;opacity:0;padding-left:18px;position:relative;transform:translateX(-8px);transition:opacity .4s ease,transform .4s ease}.exp-item.exp-visible .exp-list li{opacity:1;transform:translateX(0)}.exp-list li:before{background:var(--accent);border-radius:50%;content:"";height:5px;left:0;opacity:.5;position:absolute;top:9px;width:5px}.resume-button{align-items:center;background:linear-gradient(90deg,#2563eb,#1e40af);border-radius:999px;color:#fff;display:inline-flex;font-weight:700;gap:10px;justify-content:center;letter-spacing:.02em;padding:.9rem 1.6rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.resume-button:hover{background:linear-gradient(90deg,#1e40af,#2563eb)}.resume-button:active{transform:translateY(0)}.resume-button span{display:inline-block;position:relative}.resume-button:after{content:"\2193";display:inline-block;margin-left:.65rem;transition:transform .2s ease}.resume-button:hover:after{transform:translateY(2px)}:root{--accent:#411adb;--bg:#f7f8fb;--font-sans:"DM Sans",sans-serif;--font-serif:"DM Serif Display",serif;--max-w:860px;--section-gap:120px;--section-pad-top:80px}:root.dark-mode{--accent:#411adb;--bg:#080c14}.hero{align-items:center;background:#f7f8fb;background:var(--bg);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:0 32px;position:relative;text-align:center;width:100vw}.hero-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.hero-content{flex-direction:column;gap:20px;position:relative;z-index:2}.eyebrow,.hero-content{align-items:center;display:flex}.eyebrow{animation:fadeUp .6s .2s forwards;color:#4e7ddd;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;gap:10px;letter-spacing:.18em;opacity:0;text-transform:uppercase}.eyebrow:after,.eyebrow:before{background:#5b8dee;content:"";display:block;height:1px;opacity:.6;width:28px}.hero-name{animation:fadeUp .7s .4s forwards;color:#0f1117;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:400;letter-spacing:-.03em;line-height:1.05;opacity:0}.hero-name em{color:#5b8dee;font-style:italic}.hero-divider{animation:fadeUp .5s .6s forwards;background:linear-gradient(90deg,#0000,#5b8dee,#0000);height:1px;opacity:0;width:40px}.hero-sub{animation:fadeUp .7s .7s forwards;color:#444b5a;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:clamp(.9rem,2vw,1.05rem);font-weight:300;letter-spacing:.01em;line-height:1.7;max-width:440px;opacity:0}.hero-tags{animation:fadeUp .6s .9s forwards;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;opacity:0}.tag{background:#5b8dee0f;border:1px solid #5b8dee4d;border-radius:4px;color:#411adb;color:var(--accent);font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.06em;padding:5px 12px;text-transform:uppercase}.scroll-hint{align-items:center;animation:fadeUp .6s 1.2s forwards;bottom:28px;display:flex;flex-direction:column;gap:6px;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.scroll-hint span{color:#3d4660;font-family:DM Sans,sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.scroll-line{animation:scrollPulse 2s ease-in-out 1.4s infinite;background:linear-gradient(180deg,#5b8dee,#0000);height:36px;width:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.video-container{margin:20px auto;text-align:center}.video-container h2{color:var(--text-primary);transition:color .3s ease}.video-link{border:1px solid #007bff;border-radius:5px;color:#1a56db;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.video-link:hover{background-color:#007bff;color:#fff}:root{--accent:#1a56db;--accent-light:#e8f0fe;--text-primary:#0f1117;--text-secondary:#444b5a;--text-muted:#8a93a6;--border:#e2e5eb;--surface:#fff;--surface-hover:#f7f8fb}:root.dark-mode{--accent:#5b8dee;--accent-light:#1a2340;--text-primary:#edf0f7;--text-secondary:#b0b8cc;--text-muted:#606880;--border:#252a36;--surface:#161b27;--surface-hover:#1c2233}.projects-container{font-family:DM Sans,sans-serif;padding:80px 0 120px;width:100%}.projects-header{display:flex;flex-direction:column;gap:8px;margin-bottom:56px}.projects-eyebrow{color:#1a56db;color:var(--accent);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.projects-title{color:#0f1117;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;letter-spacing:-.02em;margin:0}.project-list{display:flex;flex-direction:column;gap:0}.project-card{grid-gap:48px;align-items:center;border-top:1px solid #e2e5eb;border-top:1px solid var(--border);cursor:default;display:grid;gap:48px;grid-template-columns:1fr 1fr;opacity:0;padding:48px 0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.project-card:last-child{border-bottom:1px solid #e2e5eb;border-bottom:1px solid var(--border)}.project-card--visible{opacity:1;transform:translateY(0)}.project-card:nth-child(2n) .project-content{order:2}.project-card:nth-child(2n) .project-media{order:1}.project-card:not(:has(.project-media)){grid-template-columns:1fr}.project-content{display:flex;flex-direction:column;gap:16px}.project-title{color:#0f1117;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:1.45rem;font-weight:400;letter-spacing:-.02em;line-height:1.25;margin:0}.project-description{color:#444b5a;color:var(--text-secondary);font-size:.9rem;font-weight:300;line-height:1.75;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#e8f0fe;background:var(--accent-light);border:1px solid #0000;border-radius:4px;color:#1a56db;color:var(--accent);font-size:.7rem;font-weight:500;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase;transition:border-color .2s}.tech-tag:hover{border-color:#1a56db;border-color:var(--accent)}.links-section{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.project-link{align-items:center;border-bottom:1px solid #e2e5eb;border-bottom:1px solid var(--border);color:#0f1117;color:var(--text-primary);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;letter-spacing:.04em;padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}.project-link:hover{border-color:#1a56db;border-color:var(--accent);color:#1a56db;color:var(--accent)}.link-arrow{font-size:.85rem;transition:transform .2s}.project-link:hover .link-arrow{transform:translate(2px,-2px)}.project-media{background:#fff;background:var(--surface);border:1px solid #e2e5eb;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.project-card:hover .project-media{border-color:#1a56db;border-color:var(--accent);box-shadow:0 8px 32px #5b8dee1a}.project-image{display:block;height:260px;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image{transform:scale(1.03)}@media (max-width:768px){.project-card{gap:24px;grid-template-columns:1fr;padding:36px 0}.project-card:nth-child(2n) .project-content,.project-card:nth-child(2n) .project-media{order:0}.project-image{height:200px}}
/*# sourceMappingURL=main.ea9b5af2.css.map*/