@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--main-max-width: 1100px}.navbar{background:#23262f;border-radius:1.2rem;box-shadow:0 4px 32px #00000073,0 1.5px 6px #0000002e;padding:1rem 2rem;margin:2rem auto 2.5rem;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}.navbar-brand a{font-size:1.3rem;font-weight:800;color:#00c6ff;text-decoration:none;letter-spacing:1px;transition:color .2s;text-shadow:0 2px 8px #00c6ff22}.navbar-brand a:hover{color:#f1f3f7}.navbar>div:last-child{display:flex;gap:1.5rem}.nav-link{font-size:1rem;color:#b0b8c1;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:.5rem;transition:background .2s,color .2s;background:transparent}.nav-link:hover{background:#181a20;color:#00c6ff}@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:#293042;border-radius:1.2rem;box-shadow:0 8px 40px #00c6ff33,0 4px 16px #181a2033;border:2px solid #00c6ff33;padding:2rem 1.5rem;max-width:575px;margin:2rem auto;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s,border .2s;font-family:Inter,system-ui,sans-serif;color:#f1f3f7}.education-card:hover{box-shadow:0 12px 48px #00c6ff55,0 6px 24px #181a2055;border:2px solid #00c6ff;transform:translateY(-2px) scale(1.025)}.university-logo{width:64px;height:64px;object-fit:contain;margin-bottom:1rem;filter:drop-shadow(0 2px 8px #00c6ff33)}.university-name{font-size:1.2rem;font-weight:700;margin:.5rem 0 .25rem;text-align:center;color:#00c6ff;letter-spacing:.02em}.degree{font-size:1rem;color:#b0b8c1;margin-bottom:.25rem;text-align:center;font-weight:500}.timeline{font-size:.95rem;color:#7ecbff;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}}:root{--main-max-width: 900px;--bg-dark: #181a20;--card-dark: #23262f;--accent: #00c6ff;--accent2: #0077cc;--text-main: #f1f3f7;--text-secondary: #b0b8c1;--border-radius: 1.2rem;--shadow: 0 4px 32px rgba(0,0,0,.45), 0 1.5px 6px rgba(0,0,0,.18);--font-main: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);margin:0;padding:0}.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:var(--card-dark);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2.5rem 2rem;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:var(--card-dark);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2.5rem 2rem;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:#23262f;border-radius:1.2rem;box-shadow:0 4px 32px #00000059,0 1.5px 6px #0000002e;padding:0;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:0 8px 40px #00c6ff2e,0 3px 12px #00c6ff1a;transform:translateY(-2px) scale(1.02)}.project-title{font-size:1.4rem;font-weight:700;color:#00c6ff;margin-bottom:.3rem;letter-spacing:.01em}.project-date{font-size:1rem;color:#b0b8c1;margin-bottom:1rem;font-weight:500}.project-description{font-size:1.08rem;color:#e0e6ed;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:linear-gradient(90deg,#07c,#00c6ff);color:#fff;font-weight:600;text-decoration:none;padding:.5rem 1.2rem;border-radius:.7rem;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #00c6ff22}.project-link:hover{background:#181a20;color:#00c6ff;box-shadow:0 4px 16px #00c6ff33}.project-banner{width:100%;height:110px;object-fit:cover;border-top-left-radius:1.2rem;border-top-right-radius:1.2rem;display:block;margin:0;background:#181a20}@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:linear-gradient(135deg,#23262f 70%,#181a20);border-radius:1.5rem;box-shadow:0 8px 40px #00c6ff33,0 4px 16px #181a2033;color:#f1f3f7;font-family:Inter,system-ui,sans-serif}.contacts-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.contacts-avatar{width:110px;height:110px;object-fit:cover;border-radius:50%;border:4px solid #00c6ff;box-shadow:0 4px 24px #00c6ff22;margin-bottom:1.2rem;background:#181a20}.contacts-title{text-align:center;color:#00c6ff;font-size:2.1rem;font-weight:800;margin-bottom:0;letter-spacing:.01em}.contacts-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-items:center}.contact-card{background:#293042;border-radius:1.1rem;box-shadow:0 4px 24px #00c6ff22;padding:2.5rem 2.5rem 2rem;min-width:0;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s;text-align:center}.contact-card:hover{box-shadow:0 8px 32px #00c6ff44;transform:translateY(-2px) scale(1.03)}.contact-img{margin-bottom:1.2rem;display:block;width:60px;height:60px;object-fit:contain;background:none;box-shadow:none}.contact-label{color:#00c6ff;font-size:1.3rem;font-weight:700;margin-bottom:.7rem;letter-spacing:.01em}.contact-value{color:#f1f3f7;font-size:1.18rem;text-decoration:none;word-break:break-all;transition:color .2s}.contact-value:hover{color:#00c6ff;text-decoration:underline}.contact-link{display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}@media (max-width: 900px){.contacts-cards{grid-template-columns:1fr;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-card{max-width:900px;margin:40px auto;border-radius:8px;box-shadow:0 2px 8px #00000014;background:#fff;padding:0;overflow:hidden}.resume-card iframe{display:block;width:100%;height:87vh;border:none;background:#f9f9f9}
