body { margin: 0; padding: 0; line-height: 1.7; font-family: "IBM Plex Sans", system-ui, sans-serif; font-size: 1.05rem; letter-spacing: 0.25px; transition: background 0.4s, color 0.4s; overflow-x: hidden;}h1, h2, h3 { font-family: "JetBrains Mono", monospace; font-weight: 600; letter-spacing: 0.5px; background: linear-gradient(90deg, #00f5ff, #7b2ff7); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 0.5rem 0;}a { color: #00f5ff; text-decoration: none; transition: color 0.3s, text-shadow 0.3s;}a:hover { color: #7b2ff7; text-shadow: 0 0 8px rgba(0, 245, 255, 0.6);}body.theme--light { background: linear-gradient(135deg, #fdfdfd, #f5f7fa); color: #222;}body.theme--dark { background: linear-gradient(135deg, #0f0f0f, #1c1c1c); color: #eee;}.header { padding: 2.5rem 1rem; text-align: center; color: #fff; background: rgba(10, 10, 20, 0.6); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; z-index: 1;}.header__title { font-size: 2.4rem;}.header__subtitle { font-size: 1.2rem; font-weight: 300;}.header__meta { font-size: 1rem; opacity: 0.85;}.header__nav { margin-top: 1rem; font-size: 1rem;}.header__link { margin: 0 0.5rem; padding: 0.3rem 0.7rem; border-radius: 8px; background: rgba(255, 255, 255, 0.06); transition: background 0.3s, box-shadow 0.3s;}.header__link:hover { background: rgba(0, 245, 255, 0.15); box-shadow: 0 0 10px rgba(0, 245, 255, 0.4);}.header__toggle { align-items: center; display: flex; height: 2.8125rem; justify-content: center; position: absolute; right: 1.2rem; top: 1.2rem; border: none; background: rgba(255, 255, 255, 0.1); font-size: 1.3rem; cursor: pointer; color: #fff; padding: 0.4rem 0.6rem; border-radius: 8px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background 0.3s, box-shadow 0.3s; width: 2.8125rem;;}.header__toggle:hover { background: rgba(0, 245, 255, 0.2); box-shadow: 0 0 12px rgba(0, 245, 255, 0.5);}.header__toggle svg { width: 1.75rem; height: 1.75rem; transition: transform 0.4s ease, filter 0.4s ease;}.header__toggle:hover svg { transform: rotate(20deg) scale(1.1); filter: drop-shadow(0 0 6px #00f5ff) drop-shadow(0 0 8px #7b2ff7);}.header__toggle svg g,.header__toggle svg path { fill: #fff;}.section { padding: 2.5rem 1.5rem; max-width: 900px; margin: auto; position: relative; z-index: 1;}.section__title { margin-bottom: 1.5rem; font-size: 1.7rem;}.section__text { margin-bottom: 1rem; line-height: 1.8; font-size: 1.05rem;}.job, .education__item, .skills__group { margin-bottom: 1.8rem; padding: 1.2rem; border-radius: 12px; background: rgba(20, 20, 40, 0.65); border: 1px solid rgba(0, 245, 255, 0.15); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); transition: transform 0.3s, box-shadow 0.3s;}.job:hover, .education__item:hover, .skills__group:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0, 245, 255, 0.25);}.job__role { font-size: 1.3rem; margin: 0.5rem 0;}.job__company { font-family: "JetBrains Mono", monospace; font-weight: 500; font-size: 1rem; margin-bottom: 0.6rem;}.job__details { padding-left: 1.5rem; font-size: 1.05rem;}.education { list-style: none; padding: 0;}.education__item { padding: 0.8rem 1rem;}.skills { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.2rem;}.skills__title { font-size: 1.1rem; margin-bottom: 0.6rem;}.skills__list { font-size: 1rem;}.skills__subtitle { margin-top: 1.5rem; font-size: 1.2rem;}.footer { text-align: center; padding: 1.5rem; font-size: 1rem; background: rgba(20, 20, 40, 0.7); border-top: 1px solid rgba(0, 245, 255, 0.15); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}body.theme--light .job, body.theme--light .education__item, body.theme--light .skills__group { background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);}body.theme--light .header { background: rgba(10, 10, 20, 0.9);}body.theme--light .footer { background: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.1);}@media (max-width: 768px) { .header__title { font-size: 2rem; } .header__subtitle { font-size: 1.1rem; } .section__title { font-size: 1.5rem; } .job__role { font-size: 1.2rem; } .job__details { font-size: 1rem; padding-left: 1rem; }}