@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9KQU4Wc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v9aQU4Wc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/lexend/v26/wlpwgwvFAVdoq2_v-6QU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Lexend,sans-serif;font-optical-sizing:auto}:root{--bg-color: #000;--text-color: #D1D5DE;--node-color: #A682FF;--line-color: #A682FF;--overlay-color: rgba(0, 0, 0, .5);--scroll-track: #1e1e1e;--scroll-thumb: #555}:root.light-theme{--bg-color: #F0BCD4;--text-color: #000;--node-color: #DA4167;--line-color: #DA4167;--overlay-color: rgba(255, 255, 255, .5);--scroll-track: #F0BCD4;--scroll-thumb: #DA4167}:root{--matrix-bg-color: rgba(0, 0, 0, .05);--matrix-letter-color: rgba(166, 0, 255, 1)}.light-theme{--matrix-bg-color: #c0a285;--matrix-letter-color: #FFFFFC}body{margin:0;font-family:Lexend,sans-serif;background:var(--bg-color);color:var(--text-color)}.container{width:100%;height:100vh;display:flex;overflow:hidden;flex-wrap:nowrap;position:relative;z-index:50}.menu{width:45%;min-width:250px;padding:30px 40px;box-sizing:border-box;color:var(--text-color);position:sticky;top:0;height:100vh;overflow:auto}.menu-inner{padding:0 30px;margin-top:70px}@media (max-width: 1024px){.menu-inner{padding:50px 40px}}@media (max-width: 767px){.menu-inner{padding:30px 20px}}.menu p{font-size:16px;font-weight:300;position:relative;padding:10px 10px 10px 18px;cursor:pointer;transition:color .3s,padding-left .3s ease}.menu p:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;width:10px;background-color:currentColor;transition:width .3s ease}.menu p:hover,.menu p.active{padding-left:30px}.menu p:hover:before,.menu p.active:before{width:20px}.heading1{font-size:3rem;font-weight:600;margin-bottom:15px}.heading2{font-size:1.3rem;font-weight:400;margin-bottom:15px}.heading3{font-size:16px;font-weight:200;margin-bottom:30px;line-height:1.5}.content{width:60%;height:100%;overflow-y:auto;scroll-behavior:smooth;padding:60px 100px 0 0;box-sizing:border-box;color:var(--text-color);display:inline-block}.section{padding:20px 0;margin-bottom:20px;line-height:1.6}.experience-card{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:30px;padding:20px 15px;border-radius:8px;transition:background .3s ease;text-align:left;cursor:pointer}.experience-card:hover{background:#ffffff1a}.experience-card .exp-date{font-size:.9rem;font-weight:500;flex:1 1 100px}.experience-card .exp-details{flex:1 1 60%;min-width:200px}.experience-card .exp-details .exp-title{font-weight:500;font-size:.9rem;margin-bottom:5px;line-height:22px}.experience-card .exp-details .exp-desc{font-size:14px;font-weight:300;line-height:1.5;width:90%}.macbook-frame{position:relative;display:inline-block;max-width:100%;margin-right:10px}.macbook-frame .macbook-img{width:100%;max-width:330px;display:block;height:auto}.macbook-frame .screen-content{position:absolute;top:10.5%;left:10%;width:80%;height:79%;border-radius:5px;overflow:auto;scroll-behavior:smooth;cursor:all-scroll;scrollbar-width:none;-ms-overflow-style:none}.macbook-frame .screen-content::-webkit-scrollbar{display:none}.macbook-frame .screen-content img{width:100%;height:auto;display:block}.theme-toggle{position:fixed;top:20px;right:20px;background:transparent;padding:6px;cursor:pointer;z-index:100;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.2)}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--overlay-color);z-index:1;pointer-events:none}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:#888}:root{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.project-card{text-decoration:none;display:flex;color:var(--text-color)!important;margin-bottom:80px;flex-wrap:wrap}.project-card .project-desc{flex:1;padding:10px}.project-card .project-desc .project-title{font-size:18px;font-weight:500;margin-top:25px;margin-bottom:10px}.project-card .project-desc .project-text{font-size:14px;font-weight:300}.menu-items{display:block}.social-links{display:flex;justify-content:space-between;max-width:15.625rem;margin-top:4rem}.social-links a{display:inline-block}.social-icon{width:2.5rem;height:auto;transition:transform .3s ease}.social-icon:hover{transform:scale(1.2)}.heading-mobile{display:none}@media (max-width: 1250px){.heading1{font-size:46px;margin-bottom:10px}.heading2{font-size:20px;margin-bottom:10px}.heading3{font-size:1rem;margin-bottom:25px}.menu{padding:20px}.menu p{font-size:.9rem;font-weight:300;position:relative;padding:5px 10px 5px 17px;cursor:pointer;transition:color .3s,padding-left .3s ease}.menu-inner{padding:0 0 0 30px!important;margin-top:70px;display:inline-block}.content{padding:0 20px;margin-top:105px;display:inline-block}.section{padding:0 45px 0 0;margin-bottom:20px;line-height:1.6;display:inline-block;font-size:.9rem}.section p{margin-top:0}.macbook-frame .macbook-img{max-width:230px}.macbook-frame .screen-content{top:9.5%;left:10%;width:80%}.project-card{display:flex;margin-bottom:80px;flex-wrap:wrap}.project-card .project-desc{flex:1;padding:10px}.project-card .project-desc .project-title{font-size:16px;font-weight:500;margin-top:10px;margin-bottom:10px}.project-card .project-desc .project-text{font-size:12px;font-weight:300}}@media (max-width: 1035px){.menu-items{display:none;opacity:0}.container{flex-direction:column;height:auto}.menu{width:50%;padding:20px;height:50vh;overflow:hidden;position:relative}.social-links{margin-top:2rem}.content{width:100%;padding:0 50px;margin-top:40px}.heading-mobile{display:block;font-size:1.5rem;margin-bottom:20px;font-weight:600}.heading1{font-size:42px}.heading2{font-size:18px}.heading3{font-size:14px}.macbook-frame{display:block;margin:0}.macbook-frame .macbook-img{max-width:180px}.macbook-frame .screen-content{top:10%;left:10%;width:80%;height:70%}.project-card .project-desc{flex:1;padding:10px 50px;max-width:425px}}@media (max-width: 767px){.menu-items{display:none;opacity:0}.menu-inner{padding:0!important;margin-top:70px;display:inline-block}.heading-mobile{display:block;font-size:1.5rem;margin-bottom:20px;font-weight:600}.container{flex-direction:column;height:auto}.menu{width:100%;padding:20px;height:55vh;overflow:hidden;position:relative}.social-links{margin-top:2rem}.content{width:100%;padding:0 20px;margin-top:40px}.section{padding:0;margin-bottom:20px;line-height:1.6;display:inline-block;font-size:.8rem;width:100%}.section p{margin-top:0}.experience-card{padding:0}.experience-card .exp-details .exp-desc{font-size:.8rem;font-weight:300;line-height:1.5}.heading1{font-size:2rem}.heading2{font-size:1.2rem}.heading3{font-size:.9rem}.macbook-frame .macbook-img{max-width:160px}.macbook-frame{display:block;margin:0 20px}.macbook-frame .screen-content{top:10%;left:10%;width:80%;height:70%}}@media (max-width: 767px) and (max-width: 480px){.macbook-frame .macbook-img{max-width:160px}.macbook-frame{display:block;margin:0 auto}.macbook-frame .screen-content{top:10%;left:10%;width:80%;height:70%}.project-card .project-title{text-align:center!important}.project-card .project-desc{flex:1;text-align:center;padding:10px 0;max-width:425px}.project-card{display:flex;margin-bottom:80px;flex-direction:column}}@media (max-width: 767px){.project-card .project-title{margin-top:5px;text-align:left}.project-card .project-desc{flex:1;font-size:.7rem;padding:0}}