@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#161619;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--primary-color: #27272a;--secondary-color: #65656d;--tertiary-color: #acacb4;--quaternary-color: #e4e4e7;--link-color2: #14b8a6;--link-color: #93c5fd;--secondary-link-color: #00AEFF;--tertiary-link-color: #5200FF;--quarternary-link-color2: #1dd7c2;--quarternary-link-color: #77b1f2;--lt-color-gray-100: #f8f9fc;--lt-color-gray-200: #f1f3f9;--lt-color-gray-300: #dee3ed;--lt-color-gray-400: #c2c9d6;--lt-color-gray-500: #8f96a3;--lt-color-gray-600: #5e636e;--lt-color-gray-700: #2f3237;--lt-color-gray-750: #202020;--lt-color-gray-800: #1d1e20;--lt-color-gray-825: #141517;--lt-color-gray-900: #111213;--footer-color: #1e1e1e;--main-color: #1b1b1d;--shadow: 0 -2px 20px rgba(255, 255, 255, .05), 0 0 0 1px rgba(255, 255, 255, .03);--primary-font: "Heebo", sans-serif;--secondary-font: "Roboto", sans-serif}.nav-container{margin:0;display:flex;justify-content:center;align-items:center;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:3vh;z-index:999;width:70%}.nav-content{display:flex;justify-content:center;position:absolute;left:0;right:0;margin:0 auto;pointer-events:none}.nav-background{width:380px;height:40px;background:#2c2c31;box-shadow:0 2px 10px #0000001a;border:1px solid rgba(255,255,255,.1);border-radius:40px;pointer-events:auto}.logo-container{margin-right:auto;z-index:1000}.hamburger-container{margin-left:auto;z-index:1000}.nav-list{display:flex;justify-content:space-between;list-style:none;align-items:center;margin-left:-16px;margin-right:25px;margin-top:11px}.nav-item{font-weight:700;font-size:90%}.nav-item.active a{color:var(--quarternary-link-color)!important}.nav-item a{text-decoration:none;color:var(--quarternary-color)}.nav-item a:hover{color:var(--link-color);transition:color .3s ease-in-out}@media (max-width: 600px){.navbar{width:90%;font-size:80%}.nav-background{width:80%;height:40px}.nav-item{font-weight:700}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1000;margin-left:auto;margin-right:15px}.bar{height:3px;background-color:#fff;border-radius:2px}.nav-background.open{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:#2c2c31cc;box-shadow:0 4px 24px #00000080;border-radius:20px;padding:30px 40px;z-index:999;width:50%;height:auto;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-list.open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0;margin:30px 0 0;list-style:none;text-align:center}@media (max-width: 600px){.hamburger{display:flex}.nav-background{display:none;background:#2c2c31}.nav-background.open{display:block}.nav-list{display:none}.nav-list.open{display:flex}}@media (min-width: 601px){.navbar{justify-content:center}}@media (max-width: 600px){.nav-item{font-size:120%}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.close-button{position:absolute;top:0;right:0;background:transparent;border:none;font-size:26px;color:#fff;cursor:pointer;z-index:1001;transition:color .2s}.close-button:hover,.close-button:active{color:red}.logo-container{width:50px;height:50px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px #0000004d;display:inline-block}.logo-image{width:100%;height:100%}.separator{border:none;height:1px;background-color:#fff;width:100%;max-width:80%}@media (max-width: 600px){.separator{max-width:100%}}.footer{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-color);color:#fff;flex-wrap:wrap;margin-left:10%;margin-right:10%;box-shadow:0 0 0 1px #333;padding:20px 5%}.footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-left .name{font-weight:700}.icons a{margin-right:10px;font-size:1.5rem;color:#fff}.icons a:hover{color:var(--link-color)}.footer-right{font-size:.9rem;text-align:right}@media (max-width: 600px){.footer{flex-direction:column;align-items:center;text-align:center;margin-left:0;margin-right:0}.footer-left{align-items:center}.footer-right{margin-top:10px}}.page-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:#010101;background-color:#141516;background-color:#131315;background-color:#121212;background-color:#000}.main-content{flex:1;margin-left:10%;margin-right:10%;background-color:var(--main-color);padding:150px 5% 10%;box-shadow:0 0 0 1px #333;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 600px){.main-content{margin-left:0;margin-right:0;padding-top:30%;padding-left:5%;padding-right:5%;background-color:#191a1d;box-shadow:none;border-radius:0}}.div1{width:60%}.p1{font-size:20px;color:#afafb7}.h1{font-size:3rem;color:var(--quaternary-color);font-weight:900}@media (max-width: 600px){.div1{width:100%}}:root{--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.1);--text-1: #e5e7eb;--text-2: #cbd5e1;--muted: #94a3b8;--ring: rgba(59,130,246,.35);--link: #93c5fd;--link-hover: #bfdbfe}.about{color:var(--text-1);max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:24px;padding:24px 16px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.about__left{align-self:start}.about__name{margin:0 0 20px;font-size:20px}.about__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.about__list li{display:grid;grid-template-columns:130px 1fr;align-items:center;column-gap:10px}.label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.value{color:var(--text-1);word-break:break-word}.link{color:var(--link);text-decoration:none}.about__header h1{margin:0 0 8px;font-size:26px}.about__header p{color:var(--text-2);line-height:1.7;margin:0 0 12px}.about__edu{margin-top:22px}.about__edu h2{font-size:18px;margin:0 0 12px}.edu__item{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:14px 0;border-top:1px dashed var(--card-border)}.edu__item:first-of-type{border-top:none;padding-top:0}.edu__time{color:var(--muted);font-size:14px}.edu__title{font-weight:600}.edu__desc{color:var(--text-2);font-size:14px}@media (max-width: 1024px){.about{grid-template-columns:1fr}.about__left{order:1}.about__right{order:2}}@media (max-width: 640px){.card{padding:16px;border-radius:14px}.about__list li{grid-template-columns:1fr;row-gap:4px}.label{font-size:10.5px}.about__header h1{font-size:22px}.edu__item{grid-template-columns:1fr}}.edu-subcard{border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-top:20px;box-shadow:0 6px 18px #00000038}.edu-subcard h2{margin-top:0;margin-bottom:12px;font-size:18px}.interests-subcard{border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-top:20px;box-shadow:0 6px 18px #00000038}.interests-subcard h2{margin-top:0;margin-bottom:12px;font-size:18px}.interest__item{padding:8px 0}.interest__title{font-weight:500;color:var(--text-1);font-size:15px}.tech-stack-root{border:1px solid #898585ff;border-radius:10px;padding:12px;display:grid;gap:15px}.tech-stack-title{font-size:14px;font-weight:700;opacity:.8}.tech-groups{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.tech-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.tech-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}.tech-section{border:1px solid #2a2a2a;border-radius:8px;padding:10px;display:grid;gap:10px}.tech-section-title{font-size:13px;font-weight:700;opacity:.8}.tech-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:1fr}.tech-item{display:flex;align-items:center;gap:10px;font-weight:500}.blog-cover{width:200px;height:120px}@media (max-width: 600px){.blog-cover{width:120px;height:100px}}.notfound{display:flex;align-items:center;justify-content:center;margin-top:10%;text-align:center;font-size:5rem;font-weight:700;color:#ff4c4c}@media (max-width: 600px){.notfound{font-size:3rem}}.spinner-container{display:flex;justify-content:center;align-items:center;height:70vh}.spinner{width:48px;height:48px;border:5px solid #ccc;border-top-color:#00bfff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}