:root{--main-max-width: 1100px}.navbar{background:#1e2a3c59;border-radius:1rem;box-shadow:0 4px 24px #0000002e;padding:1.2rem 2rem;margin:1.5rem auto 2rem;border:1.5px solid #2195f300;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:var(--main-max-width);display:flex;align-items:center;justify-content:space-between;transition:box-shadow .2s;width:100%;font-family:Inter,system-ui,sans-serif;position:relative}.navbar-brand a{font-size:1.5rem;font-weight:900;color:#2196f3;text-decoration:none;letter-spacing:1.5px;transition:color .2s;text-shadow:0 2px 8px #2196f388}.navbar-brand a:hover{color:#fff}.navbar>div:last-child{display:flex;gap:1.5rem}.nav-link{font-size:1.08rem;color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1.2rem;border-radius:.7rem;transition:background .2s,color .2s;background:transparent}.nav-link:hover{background:#2196f3;color:#fff;box-shadow:0 2px 8px #2196f322}@media (max-width: 700px){:root{--main-max-width: 100vw}.navbar{flex-direction:column;align-items:stretch;padding:.7rem .3rem;margin:1rem 0 1.2rem;border-radius:.7rem;max-width:var(--main-max-width);width:100%;gap:.5rem}.navbar-brand{margin-bottom:.5rem;text-align:center}.navbar>div:last-child{flex-direction:column;gap:.3rem;align-items:center}.nav-link{font-size:.98rem;padding:.4rem .7rem;width:100%;text-align:center}}.education-card{background:#1e2a3c59;border-radius:1rem;box-shadow:0 4px 24px #0000002e;border:1.5px solid #2196f3;padding:1.2rem 1rem;max-width:575px;margin:2rem auto;display:flex;flex-direction:column;align-items:center;transition:border .2s;font-family:Inter,system-ui,sans-serif;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.education-card:hover{border:2px solid #1565c0;transform:translateY(-2px) scale(1.01)}.university-logo{width:64px;height:64px;object-fit:contain;margin-bottom:1rem;filter:none}.university-name{font-size:1.2rem;margin:.5rem 0 .25rem;text-align:center;color:#2196f3;font-weight:700;letter-spacing:.02em}.degree{font-size:1rem;color:#fff;margin-bottom:.25rem;text-align:center;font-weight:500}.timeline{font-size:.95rem;color:#90caf9;text-align:center;margin-top:.3rem}@media (max-width: 700px){.education-card{max-width:100vw;width:100%;margin:1rem 0;padding:1rem .5rem;border-radius:.7rem}.university-logo{width:48px;height:48px}.university-name{font-size:1rem}.degree,.timeline{font-size:.92rem}}.hero-two-column{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;max-width:900px;margin:3.5rem auto 2.5rem;padding:2.5rem 2rem;background:#1e2a3c59;border-radius:1.2rem;box-shadow:0 4px 24px #00000021;border:1.5px solid #2195f300;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-photo-col{flex:0 0 180px;display:flex;align-items:center;justify-content:center}.hero-photo-img{width:170px;height:170px;object-fit:cover;border-radius:50%;border:4px solid #2196f3;box-shadow:0 2px 16px #2196f322;background:#e3f2fd}.hero-bio-col{flex:1 1 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-name{font-size:2.3rem;font-weight:800;margin:0 0 .3rem;color:#2196f3;letter-spacing:.01em}.hero-tagline{font-size:1.2rem;font-weight:600;margin:0 0 1.1rem;color:#1565c0}.hero-bio{font-size:1.08rem;color:#fff;margin-bottom:1.1rem;max-width:420px}.hero-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.hero-highlights li{font-size:1rem;color:#1976d2;background:#2196f312;border-radius:.5rem;padding:.35rem .9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}@media (max-width: 700px){.hero-two-column{flex-direction:column;gap:1.5rem;padding:1.5rem .5rem}.hero-photo-col{margin-bottom:.5rem}.hero-bio-col{align-items:center;text-align:center}.hero-bio{max-width:100%}}:root{--main-max-width: 900px;--bg-dark: #f4f8fb;--card-dark: #ffffff;--accent: #0077cc;--accent2: #00c6ff;--text-main: #23262f;--text-secondary: #4a6fa1;--border-radius: .7rem;--shadow: none;--font-main: "Inter", system-ui, sans-serif}:root html,:root body{width:100vw;max-width:100vw}:root body::-webkit-scrollbar{width:0px;background:transparent}:root html,:root body{overflow-x:hidden;width:100vw;max-width:100vw}*,*:before,*:after{box-sizing:border-box}body{background:url(/assets/SD-1-Dimsh4u8.jpeg) center center/cover no-repeat fixed,#07f0;min-height:100vh;min-width:100vw;position:center;color:var(--text-main);font-family:var(--font-main);margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;z-index:-1;pointer-events:none}.home,.home-intro,.about-me{max-width:var(--main-max-width);margin-left:auto;margin-right:auto;width:100%}.home{padding:2rem 0}.home-intro{background:#1e2a3c59;border-radius:1rem;box-shadow:0 4px 24px #0000002e;border:1.5px solid #2195f300;color:#fff;padding:1.5rem 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;gap:1.5rem}.home-intro img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #f0f4fa;box-shadow:0 2px 8px #0000000f}.split-text-hero{font-size:2.7rem;font-weight:800;letter-spacing:.04em;text-align:center;margin-bottom:1.2rem;line-height:1.1;color:var(--accent);-webkit-background-clip:text;background-clip:text}.hero-headshot{width:150px;height:150px;object-fit:cover;border-radius:50%;border:3px solid var(--accent);box-shadow:0 4px 24px #00c6ff1f,0 1.5px 6px #00c6ff14;margin-top:.5rem;margin-bottom:.5rem;transition:transform .2s,box-shadow .2s;background:#111}.hero-headshot:hover{transform:scale(1.04) rotate(-2deg);box-shadow:0 8px 32px var(--accent),0 3px 12px #00c6ff1f}.about-me{background:#1e2a3c59;border-radius:1rem;box-shadow:0 4px 24px #0000002e;border:1.5px solid #2195f300;color:#fff;padding:1.5rem 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:2rem;max-width:var(--main-max-width);margin-left:auto;margin-right:auto;text-align:center}.about-me h1{font-size:1.6rem;font-weight:800;margin-bottom:1.2rem;color:var(--accent);text-align:center;letter-spacing:.02em}.about-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%}@media (max-width: 700px){:root{--main-max-width: 100vw;--border-radius: .7rem}.home,.home-intro,.about-me{max-width:var(--main-max-width);width:100%;margin-left:auto;margin-right:auto}.home{padding:.5rem 0}.home-intro,.about-me{padding:1rem .3rem;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000002e,0 1px 2px #00000014}.home-intro img{width:60px;height:60px}.split-text-hero{font-size:1.4rem;margin-bottom:.7rem}.hero-headshot{width:70px;height:70px;margin-bottom:.3rem}.about-me h1{font-size:1.1rem;margin-bottom:.5rem}.about-content{flex-direction:column;align-items:center;gap:.5rem}.education-section,.education-card{max-width:100vw;width:100%;padding:0}.education-section p{font-size:.98rem;margin-bottom:.7rem;word-break:break-word;padding:.7rem .2rem}}@media (max-width: 900px){.about-content{grid-template-columns:1fr;gap:2rem}.education-section,.education-card-wrapper{max-width:100%;width:100%;justify-content:center;padding:0 .5rem;box-sizing:border-box}.education-section p{text-align:center}}.education-section p{line-height:1.8}.project{background:#1e2a3c59;border-radius:.6rem;box-shadow:0 4px 24px #0000002e;padding:1.2rem 1rem;border:1.5px solid #2195f300;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:1.5rem auto;max-width:420px;color:#f1f3f7;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column;align-items:stretch;transition:box-shadow .2s,transform .2s;overflow:hidden;height:100%}.project:hover{box-shadow:none;transform:translateY(-5px) scale(1)}.project-title{font-size:1.4rem;color:#2196f3;font-weight:700;margin-bottom:.2rem;letter-spacing:.01em}.project-date{font-size:1rem;color:#b0b8c1;margin-bottom:1rem;font-weight:500}.project-description{font-size:1.08rem;color:#fff;margin-bottom:1.2rem;line-height:1.6}.project-content{width:100%;padding:0 1.5rem 2rem;display:flex;flex-direction:column;flex:1}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{display:inline-block;background:#2196f3;color:#fff;font-weight:600;text-decoration:none;padding:.45rem 1.1rem;border-radius:.6rem;border:none;box-shadow:0 2px 8px #2196f322;transition:background .16s,color .16s,box-shadow .16s,transform .16s;font-size:1rem;cursor:pointer}.project-link:hover{background:#1565c0;color:#fff;box-shadow:0 4px 16px #2196f344;transform:none}.project-banner{width:100%;height:110px;object-fit:cover;border-radius:.6rem;display:block;margin:0;background:#f4f8fb}@media (max-width: 700px){.project{max-width:100vw;border-radius:.7rem}.project-content{padding:0 .5rem 1rem}.project-title{font-size:1.1rem}.project-description{font-size:.98rem}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;padding:2rem 1rem}@media (max-width: 1000px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 700px){.projects-grid{grid-template-columns:1fr;gap:1rem;padding:1rem .2rem}}.contacts-page{max-width:900px;margin:2.5rem auto;padding:2.5rem 1.5rem 2rem;background:#1e2a3c59;border-radius:1rem;box-shadow:0 4px 24px #0000002e;color:#fff;border:1.5px solid #2195f300;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:Inter,system-ui,sans-serif}.contacts-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.contacts-avatar{width:110px;height:110px;object-fit:cover;border-radius:50%;border:none;box-shadow:none;margin-bottom:1.2rem;background:#181a20}.contacts-title{text-align:center;color:#07c;font-size:1.7rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.01em}.contacts-cards{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;align-items:stretch}.contact-card{background:#1e2a3c47;border-radius:1.2rem;box-shadow:0 2px 12px #0000001a;border:1.5px solid #2196f322;padding:2.2rem 1.5rem 1.5rem;color:#fff;min-width:220px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:box-shadow .18s,transform .18s,border .18s;text-align:center;margin:0}.contact-card:hover{box-shadow:0 8px 32px #2196f344;border:1.5px solid #2196f3;transform:translateY(-4px) scale(1.03)}.contact-img{display:block;width:64px;height:64px;object-fit:contain;margin-bottom:1.1rem;padding:0}.contact-label{color:#2196f3;font-size:1.22rem;font-weight:700;margin-bottom:.7rem;letter-spacing:.02em}.contact-value{color:#fff;font-size:1.08rem;text-decoration:none;word-break:break-all;background:#2196f3;font-weight:600;padding:.45rem 1.1rem;border-radius:.7rem;border:none;box-shadow:0 2px 8px #2196f322;transition:background .16s,color .16s,box-shadow .16s;cursor:pointer}.contact-value:hover{color:#fff;background:#1565c0;box-shadow:0 4px 16px #2196f344;text-decoration:none}.contact-link{display:flex;align-items:center;justify-content:center;margin-bottom:.2rem;gap:.5rem;background:none;color:#2196f3;font-weight:600;padding:0;border-radius:.7rem;border:none;box-shadow:none;transition:color .16s;cursor:pointer}@media (max-width: 900px){.contacts-cards{flex-direction:column;gap:1.2rem}.contact-card{max-width:100%}}@media (max-width: 600px){.contacts-page{padding:1.2rem .3rem}.contacts-cards{grid-template-columns:1fr;gap:1rem}.contact-card{max-width:100%;padding:1.5rem .5rem}.contact-img{width:44px;height:44px}}.resume-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}.resume-download-btn{background:#2196f3;color:#fff;font-weight:600;padding:.5rem 1.3rem;border-radius:.7rem;border:none;box-shadow:0 2px 8px #2196f322;text-decoration:none;font-size:1.08rem;transition:background .16s,color .16s,box-shadow .16s;cursor:pointer}.resume-download-btn:hover{background:#1565c0;color:#fff;box-shadow:0 4px 16px #2196f344}.resume-image{display:block;max-width:700px;width:100%;height:auto;margin:2.2rem auto 1.2rem;border-radius:.7rem;box-shadow:0 2px 16px #2196f322;background:#fff}.resume-card{max-width:900px;margin:40px auto;border-radius:1rem;box-shadow:0 4px 24px #0000002e;background:#1e2a3c59;border:1.5px solid #2195f300;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0;overflow:hidden}.resume-card iframe{display:block;width:100%;height:87vh;border:none;background:#f9f9f9}
