:root{--color-primary:#12112e;--color-secondary:#e1d2f3;--color-tertiary:#f06543;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:3rem;--space-xl:4rem;--font-size-sm:.9rem;--font-size-base:1rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:2.5rem;--font-size-xxl:3rem}@font-face{font-family:spacegotresk;src:url(/fonts/spaceGrotesk/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-primary);min-height:100vh;color:var(--color-secondary);font-family:spacegotresk,sans-serif;font-size:var(--font-size-base);scroll-behavior:smooth;margin:0;padding:0}a{color:inherit;text-decoration:none}li{list-style:none}.home,.about,.project,.contact{box-sizing:border-box;width:100%;min-height:100vh;display:flex}.mainscreen-1{padding:0;overflow:hidden}.mainscreen-1:first-child,.mainscreen-1:last-child{flex:1;display:none}.mainscreen-1:nth-child(2){padding:var(--space-sm)var(--space-md);flex:0 0 100%;max-width:100%}.navscreen{padding:var(--space-sm)0;width:100%;padding-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.navscreen-1{font-size:var(--font-size-lg)}.navscreen-1:first-child{color:var(--color-tertiary)}.navscreen-1 ul{gap:var(--space-md);margin:0;padding:0;display:flex}.navscreen-1 ul li{cursor:pointer;font-weight:300;transition:color .3s,transform .2s}.navscreen-1 ul li:hover{color:var(--color-tertiary);transform:scaleX(1.02)}.hero-section{width:100%;padding:var(--space-sm);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.hero-section-1{width:100%;padding:var(--space-sm)0;flex:1;justify-content:center;align-items:center;display:flex}.hero-section-content{font-size:var(--font-size-xl);text-align:left;max-width:500px;font-weight:700;line-height:1.2}.text{color:var(--color-tertiary);font-weight:400;font-size:var(--font-size-md)}.text-1{font-size:var(--font-size-xl)}.vscode-box{border-radius:var(--space-xs);background:var(--color-primary);width:100%;max-width:500px;box-shadow:0 .125rem .75rem var(--color-tertiary);margin:0 auto;transition:transform .3s;overflow:hidden}.vscode-box:hover{cursor:default;transform:none}.vscode-titlebar{padding:.6rem var(--space-sm);background:var(--color-primary);border-bottom:1px solid rgba(255,255,255,.1);align-items:center;display:flex}.vscode-titlebar .dot{border-radius:50%;width:.625rem;height:.625rem;margin-right:.375rem;display:inline-block}.vscode-titlebar .red{background:#ff5f56}.vscode-titlebar .yellow{background:#ffbd2e}.vscode-titlebar .green{background:#27c93f}.vscode-titlebar .title{font-size:var(--font-size-sm);color:var(--color-secondary);margin-left:auto;font-weight:500}.vscode-content{background:var(--color-primary);padding:.8rem;font-size:.85rem;line-height:1.5rem}.code-block{color:var(--color-secondary);padding:var(--space-xs);white-space:pre-wrap;word-break:break-word;border-radius:8px}.keyword{color:#ff79c6}.key{color:#8be9fd}.string{color:#f1fa8c}.boolean{color:#50fa7b}.func{color:#ffb86c}.about-section{padding:var(--space-md)0;gap:var(--space-md);flex-direction:column;display:flex}.about-section-2{flex-direction:column;flex:1;display:flex}.about-section-2 .about-section-hero{font-size:var(--font-size-md);object-fit:cover;font-weight:200}.about-section-2 div{padding-bottom:var(--space-sm);text-align:justify}.timeline-item p{text-align:left}.image{object-fit:contain;border-radius:.25rem;width:100%;max-width:400px;height:auto;margin:0 auto}.image:hover{box-shadow:0 4px 15px var(--color-tertiary);transform:scale(1.02)}.education-hero{padding:var(--space-md)0}.education-hero .timeline{padding-left:var(--space-sm);gap:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.timeline-item{border-radius:var(--space-sm);padding:var(--space-md);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);width:100%;max-width:500px;transition:border .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.timeline-item h6,.timeline-item h4,.timeline-item h5,.timeline-item p{margin:.5rem 0}.timeline-item h6{text-align:center}.timeline-item:hover{transform:translateY(-.25rem)}.timeline-item:before{content:"";border-radius:var(--space-sm);background:linear-gradient(120deg,#00ff80,var(--color-tertiary),#00ff80);opacity:0;-webkit-mask:linear-gradient(var(--color-secondary)0 0)content-box,linear-gradient(var(--color-secondary)0 0);-webkit-mask-composite:xor;background-size:200% 200%;padding:2px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-composite:xor;mask-composite:exclude}.timeline-item:hover:before{opacity:1}.skills{width:100%;margin:var(--space-md)auto;padding:var(--space-md);position:relative;overflow:hidden}.glass{border-radius:var(--space-sm);padding:var(--space-md);-webkit-backdrop-filter:blur(10px);color:var(--color-secondary);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.2)}.skills-track{gap:var(--space-sm);width:max-content;animation:20s linear infinite scroll;display:flex}.skills:hover .skills-track{animation-play-state:paused}.skill{padding:var(--space-sm);text-align:center;align-items:center;gap:var(--space-xs);color:var(--color-tertiary);border:2px solid #dcdcdc;border-radius:10px;flex-direction:column;flex-shrink:0;width:8rem;display:flex}.skill-icon{height:var(--space-xl);width:var(--space-xl);object-fit:contain}@keyframes scroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.projects-section{padding:var(--space-md)0;color:var(--color-secondary);width:100%}.projects{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.project-card{padding:var(--space-md);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:transform .3s,box-shadow .3s,background .3s;display:flex}.project-card:hover{background:var(--color-primary);cursor:pointer;transform:translateY(-.625rem);box-shadow:0 .625rem 1.875rem rgba(0,0,0,.5)}.project-card img{object-fit:cover;width:100%;height:14rem;margin-bottom:var(--space-sm);box-shadow:0 4px 15px var(--color-primary);border-radius:12px}.project-card h3{font-size:var(--font-size-md);color:var(--color-secondary);align-self:center;margin-top:0;margin-bottom:.5rem}.project-card h3:hover{color:var(--color-tertiary)}.project-card p{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);color:var(--color-secondary);text-align:left}.project-card a{color:var(--color-tertiary);margin-top:auto;font-weight:700;text-decoration:none;transition:color .3s}.project-card a:hover{color:var(--color-secondary);text-decoration:underline}.contact-section{padding:var(--space-md)0;flex-direction:column;width:100%;height:100%;display:flex}.contact-section-dark{color:var(--color-secondary)}.contact-header{margin-bottom:var(--space-lg);padding-top:10vh}.contact-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.contact-box h3{font-size:var(--font-size-md);color:var(--color-secondary);text-transform:uppercase;margin-bottom:.5rem}.contact-box p,.contact-box a{color:var(--color-secondary);font-size:var(--font-size-sm);line-height:1.6;text-decoration:none}.contact-box a:hover{color:var(--color-tertiary);text-decoration:underline}.btn-outline{border:1px solid var(--color-secondary);color:var(--color-secondary);cursor:pointer;font-size:var(--font-size-sm);text-transform:uppercase;background:0 0;margin-top:.625rem;padding:.625rem 1.125rem;transition:background .3s,color .3s}.btn-outline:hover{background:var(--color-secondary);color:var(--color-primary)}.contact-footer{text-align:center;padding:1.5rem var(--space-sm);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.contact-footer p{font-size:var(--font-size-sm);color:#ccc;margin:0}.footer-links a{color:var(--color-secondary);font-size:var(--font-size-sm);margin:0 .625rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (max-width:767px){.navscreen .navscreen-1:last-child{display:none}.hero-section{flex-direction:column-reverse}.mainscreen-1:nth-child(2){padding:var(--space-sm)}.vscode-box{max-width:95%}.vscode-content{padding:.6rem;font-size:.8rem;line-height:1.4rem}}@media (min-width:768px){.hero-section{flex-direction:row}.hero-section-content{font-size:var(--font-size-xxl);text-align:left}.text-1{font-size:var(--font-size-xxl)}.text{font-size:var(--font-size-lg)}.text-2{font-size:var(--font-size-xxl)}.vscode-box{max-width:600px}.vscode-box:hover{cursor:not-allowed;transform:scale(1.01)}.vscode-content{padding:var(--space-sm);font-size:.95rem;line-height:1.6rem}.about-section{flex-direction:row;align-items:flex-start}.about-section-2{flex:2}.about-section-2 div{text-align:justify}.about-section-hero{padding-right:var(--space-md);display:flex}.image{max-width:100%;margin:0;margin-left:var(--space-md)}.education-hero .timeline{flex-direction:row;padding-left:0}}@media (min-width:1024px){.mainscreen-1:first-child,.mainscreen-1:last-child{display:block}.mainscreen-1:nth-child(2){max-width:66.66%;padding:var(--space-sm)var(--space-xl);flex:0 0 66.66%}}.fade-in-scroll{opacity:0;transition:all .7s cubic-bezier(.17,.55,.55,1)}.slide-from-left{transform:translate(-50px)}.slide-from-right{transform:translate(50px)}.fade-in-scroll.is-visible{opacity:1;transform:translate(0)}