@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";*,body{font-family:Poppins,sans-serif;margin:0;padding:0}*{background-color:transparent}body{background-color:#113e59;background-image:linear-gradient(270deg,#113e59,#081b26)}body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;scrollbar-width:none}.home-header{background-color:transparent}main>.intro{background-color:#f5f5f5;padding:1.2rem;text-align:center;margin:1.2rem 0;transform:translate(-50%,-50%);display:flexbox}.my-pic{background:transparent;width:200px;height:200px;overflow:hidden;animation:morph2 3s linear infinite;animation-play-state:paused;cursor:pointer}@keyframes morph2{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translateZ(0) rotate(.01deg)}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0,5px,0) rotate(.01deg)}50%{opacity:.89;transform:translateZ(0) rotate(.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotate(.01deg)}}.my-pic:hover{animation-play-state:running}.my-pic>img{width:100%}.social-link{width:3rem;height:3rem;margin:0 .5rem;background-color:#f5f5f5;padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .1s ease-in-out}.social-link:hover{box-shadow:0 0 1rem #fff3;transform:scale(1.05)}.social-link>a{text-decoration:none;color:#000;font-size:1.5rem;font-weight:100;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;background-color:transparent}.social-link>a>img{width:2.5rem;height:2.5rem;background:transparent}footer{font-family:Roboto,sans-serif;margin:0;padding:.8rem;background-color:transparent;color:#fff;position:absolute;bottom:0;width:90vw;margin-left:1rem}footer a{color:#fff;text-decoration:none;margin-left:.5rem}.graph-point-content:has(.hero-section){padding:0;background:transparent}.graph-point-content:has(.project-section){padding:0;background:transparent}.graph-point-content:has(.about-section){padding:0;background:transparent}.graph-point-content:has(.contact-section){padding:0;background:transparent}.section{display:flex;justify-content:space-between;align-items:center;margin:0 auto;background:transparent}.title{font-size:3.5rem;font-weight:700;margin:0;color:#acdef2;line-height:1.2;letter-spacing:-1px;background:transparent}.project-section__title{font-size:3rem;padding:.5rem}.title>span{color:#f5f5f5;background-color:transparent}.contact-section__content .contact-section__title{font-size:3rem;padding:.8rem}.content{display:flex;justify-content:space-between;align-items:center;width:20rem;background:#081b26;padding:3rem;animation:morph 3s linear infinite;animation-play-state:paused;border-radius:40% 60% 70% 30%/40% 50% 60%;position:relative;top:-1rem;left:-2rem;margin-top:1rem}.about-section__content{margin-top:3rem}.project-section__content{top:0rem;left:-3rem}.content:hover{animation-play-state:running}.contact-section__details{position:absolute;background:transparent;right:25rem;cursor:default}.about-section__details,.hero-section__details{position:absolute;background:transparent;left:25rem;cursor:default}.project-section__details{position:absolute;background:transparent;top:3rem;right:20rem;cursor:default}.description{font-size:2rem;background-color:transparent;color:#f5f5f5;margin-bottom:2rem;line-height:1.6;width:50rem;cursor:text}.project-section__buttons{background:transparent;display:flex;justify-content:flex-end;align-items:center}.contact-section__buttons{background:transparent;text-wrap:nowrap}.about-section__buttons,.hero-section__buttons{margin-top:1rem;background:transparent}.button{background-color:#081b26;color:#acdef2;border:none;padding:.75rem 1.5rem .75rem 1rem;font-size:1rem;border-radius:10rem;cursor:pointer;transition:background-color .2s ease-in-out;display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase}.project-button{margin-right:13rem;position:relative;top:-2rem}.button:hover{background-color:#f5f5f5;color:#081b26;box-shadow:0 0 1rem #fff3}.button .icon{width:2rem;height:2rem;margin-right:.5rem;background-color:#f5f5f5;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.button .icon img{width:2rem;height:2rem;position:relative;bottom:1px;right:2px;background-color:transparent}.button{position:relative;overflow:hidden;transition:all .4s ease-out}.button .icon-animation{position:absolute;left:1rem}.button:hover .icon-animation{scale:4;z-index:0;transition:all .5s ease-in-out}.button span{z-index:1;background-color:transparent}@media (max-width: 768px){.section{padding:3rem 2rem;height:auto}.content{flex-direction:column;align-items:flex-start;text-align:left}.title{font-size:2.5rem;margin-bottom:1.5rem}.description{margin-bottom:1.5rem}}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}header{position:sticky;z-index:100;top:0}.download-wrapper{margin:0 1.5rem}.pages-layout{display:grid;grid-template-columns:1fr 4fr;margin:0 5rem}.page-layout{margin:0 5rem 0 2rem;color:#f5f5f5}.sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:80vh;position:sticky;top:14.7vh;bottom:0}.sidebar>.navigate-back{margin-top:3rem}.sidebar>ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;width:100%}.sidebar>ul>li{cursor:pointer;transition:all .2s ease-in-out}.sidebar>ul>li>a{text-decoration:none;color:#acdef2;font-size:1.5rem;font-weight:200;background-color:transparent;border-bottom:#f5f5f5 1px transparent;opacity:.5;transition:all .2s ease-in-out}.sidebar>ul>li>a:hover{color:#acdef2;opacity:1}.sidebar>ul>li>a.active{color:#f5f5f5;border-bottom:#f5f5f5 1px solid;opacity:1}:root{--primary-color: #081b26;--accent-color: #3a7ca5;--accent-light: #acdef2;--text-light: #f5f5f5;--text-dark: #081b26;--error-color: #ff4d4d;--hover-color: #102d3e;--font-weight-light: 200;--font-weight-normal: 300;--font-weight-medium: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-extrabold: 700;--font-size-small: 1.1rem;--font-size-normal: 1.5rem;--font-size-medium: 2rem;--font-size-large: 2.5rem;--spacing-xs: .5rem;--spacing-sm: .8rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 10rem;--section-gap: 3rem;--element-gap: .5rem;--default-margin-bottom: .8rem;--large-margin-bottom: 3rem;--extra-large-margin-bottom: 10rem;--border-radius: 1rem;--transition-speed: .3s;--box-shadow-focus: 0 0 8px rgba(58, 124, 165, .4);--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .1);--bg-hover: rgba(255, 255, 255, .15);--font-size-xs: .9rem}.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 8rem var(--spacing-xl) var(--spacing-md);margin:0;width:100%}.page-content>.scroll-message{display:block;position:fixed;z-index:1001;bottom:1rem;right:1rem;background-color:transparent;color:var(--text-light);padding:var(--spacing-md)}.resume.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 5rem var(--spacing-xl) var(--spacing-md);margin:0rem;width:100%;max-width:1400px;margin:0 auto}.resume .title-section{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.resume .page-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--default-margin-bottom);position:relative;display:inline-block}.resume-section{width:100%;margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.resume-section>*{margin-bottom:var(--default-margin-bottom)}.resume-section:first-child{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;border:none;padding:0}.resume-section>h3{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);background-color:transparent}.resume-section>p{font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;line-height:1.5}.resume-section>h4{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--accent-light);background-color:transparent;position:relative;display:inline-block;margin-bottom:var(--spacing-md)}.skills{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--large-margin-bottom)}.skills>.skill-category{display:flex;flex-direction:row;gap:var(--element-gap);background-color:transparent;text-wrap:nowrap}.skill-category>.title>h5{width:10rem;font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);text-align:left;color:var(--text-light);background-color:transparent;text-wrap:nowrap}.skill-category>.skills{display:flex;flex-wrap:wrap;gap:var(--element-gap);justify-content:flex-start;background-color:transparent;text-wrap:nowrap}.skills>.skill{margin:0 var(--spacing-md) var(--default-margin-bottom) 0;padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;background-color:var(--bg-tertiary);border-radius:9999px;text-wrap:nowrap;flex-direction:row;gap:var(--element-gap);transition:all .2s ease}.skills>.skill:hover{background-color:var(--bg-hover);transform:translateY(-2px)}.skill>i{font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);color:var(--accent-light);background-color:transparent;text-wrap:nowrap}.skill>h6{font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;text-wrap:nowrap}.resume-section.github-activity{margin-bottom:var(--large-margin-bottom)}.resume-section.github-activity>p img{width:100%;height:auto;background-color:transparent;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #00000026}.resume-section.github-activity>p>a div{display:flex;justify-content:space-between;margin-top:1.5rem}.resume-section.github-activity>p img.figure-by-repo{width:48%;height:auto;margin-right:2%}.resume-section.github-activity>p img.figure-by-commit{width:48%;height:auto}.resume-section.education{margin-bottom:var(--large-margin-bottom)}.resume-section.education h5{font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);color:var(--text-light);background-color:transparent}.resume-section.education p{display:flex;flex-direction:row;justify-content:space-between}.resume-section.education .education-item{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-md)}.resume-section.education .education-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.resume-section.education .date{color:var(--accent-light);font-size:var(--font-size-small)}.resume-section.projects{margin-bottom:calc(var(--large-margin-bottom) + var(--spacing-sm))}.resume-section.projects .project-item{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-md)}.resume-section.projects .project-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.resume-section.projects>p>a{color:var(--accent-light);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;position:relative;display:inline-block}.resume-section.projects>p>a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--accent-light);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.resume-section.projects>p>a:hover:after{transform:scaleX(1);transform-origin:bottom left}.resume-section.achievements{margin-bottom:var(--extra-large-margin-bottom)}.resume-section.achievements>.achievement{display:flex;flex-direction:row;justify-content:space-between;gap:var(--element-gap);background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-md)}.resume-section.achievements>.achievement:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.achievement>h5{font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);color:var(--text-light);background-color:transparent;text-wrap:wrap;max-width:20rem;margin-right:1rem}.achievement>p{font-size:var(--font-size-small);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;text-wrap:wrap}@media (max-width: 992px){.resume.page-content{padding:var(--spacing-lg) var(--spacing-md)}.achievement{flex-direction:column}.achievement>h5{max-width:100%;margin-bottom:var(--spacing-sm)}.achievement>p{width:100%}}@media (max-width: 768px){.resume.page-content{padding:var(--spacing-lg) var(--spacing-md)}.resume-section.github-activity>p img.figure-by-repo,.resume-section.github-activity>p img.figure-by-commit{width:100%;margin-right:0;margin-bottom:var(--spacing-md)}.resume-section.education p{flex-direction:column}}@media (max-width: 480px){.skill-category{flex-direction:column}.skill-category>.title>h5{width:100%;margin-bottom:var(--spacing-sm)}}.contact.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 5rem 12rem var(--spacing-md);width:100%;max-width:1400px;margin:0 auto}.contact-page-section{width:100%;border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.contact-page-section>*{margin-bottom:var(--spacing-md)}.contact-page-section h1{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);background-color:transparent;text-align:left;position:relative;display:inline-block;margin-bottom:var(--default-margin-bottom)}.contact-page-section h1:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background-color:var(--accent-color);border-radius:3px}.contact-page-section.title{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0;border:none;padding:0}.contact-page-section.title .success{font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);color:var(--accent-color);background-color:#3b82f626;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--accent-color)}.contact-page-section.title .error{font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);color:var(--error-color);background-color:#ef444426;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--error-color)}.contact-page-section>form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;align-items:flex-start}.contact-page-section>form label{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;font-size:var(--font-size-small);color:var(--text-light);text-align:left}.contact-page-section>form .name-section{display:flex;flex-direction:row;gap:var(--spacing-md);width:100%}.contact-page-section>form input,.contact-page-section>form textarea{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);color:var(--text-dark);background-color:var(--text-light);border:2px solid transparent;border-radius:var(--border-radius);transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform .2s ease;text-align:left}.contact-page-section>form input:hover,.contact-page-section>form textarea:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.contact-page-section>form input:focus,.contact-page-section>form textarea:focus{border-color:var(--accent-color);box-shadow:var(--box-shadow-focus);outline:none;transform:translateY(-2px)}.contact-page-section>form textarea{min-height:150px;resize:vertical}.contact-page-section>form button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-normal);font-weight:var(--font-weight-semibold);color:var(--text-light);background-color:var(--accent-color);border:none;border-radius:9999px;cursor:pointer;transition:background-color var(--transition-speed),transform var(--transition-speed),box-shadow .3s ease;text-decoration:none;margin-top:var(--spacing-md)}.contact-page-section>form button:hover{background-color:var(--hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026;cursor:pointer}.contact-page-section>form button:active{transform:translateY(1px)}.contact-page-section-header{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.contact-page-section-header>.contact-links{display:flex;flex-direction:row;gap:var(--spacing-md);margin-left:auto;padding:.8rem 0}.contact-page-section-header>.contact-links .social-link{display:flex;flex-direction:row}.contact-page-section-header>.contact-links .social-link a{color:var(--accent-light);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;position:relative;display:inline-flex;justify-content:center;align-items:center}.pages-layout~footer{position:fixed;bottom:0;background-color:transparent;left:var(--spacing-md)}.pages-layout~footer *{background-color:transparent}@media (max-width: 992px){.contact.page-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 768px){.contact.page-content{padding:var(--spacing-lg) var(--spacing-md)}.contact-page-section>form .name-section{flex-direction:column}.contact-page-section-header{flex-direction:column;gap:var(--spacing-md)}.contact-page-section-header>.contact-links{margin-left:0}}@media (max-width: 480px){.contact-page-section>form button{width:100%}}.about.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 5rem var(--spacing-xl) var(--spacing-md);width:100%;max-width:1400px;margin:0 auto}.about .title-section{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.about .page-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--default-margin-bottom);position:relative;display:inline-block}.about .page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background-color:var(--accent-color);border-radius:3px}.about .intro-section{margin-bottom:var(--spacing-xl)}.about .about-section .page-description{font-size:var(--font-size-medium);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;line-height:1.6}.about .section-spacing{width:100%;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.about .section-heading{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--accent-light);position:relative;display:inline-block}.about .paragraph-spacing{margin-bottom:var(--default-margin-bottom)}.about p{font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;line-height:1.5}.about .name-highlight{font-weight:var(--font-weight-bold);color:#60a5fa}.about .quote-block{padding:var(--spacing-lg);font-size:var(--font-size-normal);font-style:italic;text-align:left;margin:var(--spacing-md) 0;background-color:#3b82f626;border-radius:var(--border-radius);border-left:3px solid var(--accent-color)}.about .quote-attribution{text-align:right;margin-top:var(--spacing-sm);color:var(--accent-light)}.about .highlight-text{color:var(--accent-light);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;position:relative;display:inline-block}.about .highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--accent-light);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.about .highlight-text:hover:after{transform:scaleX(1);transform-origin:bottom left}.about .artist-buttons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:var(--spacing-md)}.about .artist-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:9999px;font-size:var(--font-size-xs);border:none;cursor:pointer;transition:all .2s ease;color:#f5f5f5}.about .artist-button-active{background-color:var(--accent-light);color:#113e59}.about .artist-button-inactive{background-color:var(--bg-tertiary)}.about .artist-button-inactive:hover{background-color:var(--bg-hover);transform:translateY(-2px)}.about .spotify-embed-container{width:100%;background-color:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #00000026}.about .films-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.about .film-card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);transition:transform .2s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05)}.about .film-header{display:flex;align-items:center}.about .film-tag{width:1rem;height:1rem;border-radius:9999px;margin-right:var(--spacing-sm)}.about .film-tag-indigo{background-color:#6366f1}.about .film-tag-blue{background-color:#3b82f6}.about .film-tag-purple{background-color:#8b5cf6}.about .film-tag-rose{background-color:#f43f5e}.about .film-tag-red{background-color:#ef4444}.about .film-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-normal)}.about .film-description{margin-left:1.75rem;color:#9ca3af;font-size:var(--font-size-small);position:relative;top:-.5rem}.about .hobbies-section{margin-bottom:10rem}.about .hobbies-list{list-style-type:disc;padding-left:var(--spacing-xl)}.about .hobbies-list li{margin-bottom:var(--spacing-sm);font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);transition:transform .2s ease}@media (max-width: 992px){.about.page-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 768px){.about.page-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 480px){.about .scroll-message{bottom:1rem;right:1rem}}.projects.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 5rem var(--spacing-xl) var(--spacing-md);width:100%;max-width:1400px;margin:0 auto}.projects .title-section{margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.projects .page-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--default-margin-bottom);position:relative;display:inline-block}.projects .page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background-color:var(--accent-color);border-radius:3px}.projects .intro-section{margin-bottom:var(--spacing-xl)}.projects .intro-paragraph{font-size:var(--font-size-medium);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;max-width:800px;line-height:1.6}.projects .paragraph-spacing{margin-bottom:var(--default-margin-bottom)}.projects p{font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);background-color:transparent;line-height:1.5}.projects .projects-container{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;margin-bottom:var(--spacing-xl)}.projects .project-card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative}.projects .project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-color),transparent);opacity:0;transition:opacity .3s ease}.projects .project-card:hover{background-color:var(--bg-tertiary);box-shadow:0 8px 30px #0000004d;transform:translateY(-5px)}.projects .project-card:hover:before{opacity:1}.projects .project-content{display:flex;gap:var(--spacing-lg)}.projects .project-image-container{flex:0 0 250px;height:180px;position:relative;overflow:hidden;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026}.projects .project-image-wrapper{width:100%;height:100%;position:relative}.projects .project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.projects .project-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.projects .project-image-container:hover .project-image{transform:scale(1.05)}.projects .project-image-container:hover .project-image-overlay{opacity:1}.projects .project-image-overlay span{color:#fff;font-weight:var(--font-weight-medium);padding:8px 16px;border:1px solid white;border-radius:4px}.projects .project-graph-container{flex:0 0 120px;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--spacing-md)}.projects .project-completion-graph{position:relative;filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}.projects .project-info{flex:1;display:flex;flex-direction:column}.projects .project-header{display:flex;align-items:center;margin-bottom:var(--spacing-sm);position:relative}.projects .project-title{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.projects .project-description{margin-bottom:var(--spacing-sm);color:var(--text-light);font-size:var(--font-size-normal);line-height:1.6}.projects .project-details{overflow:hidden;margin-bottom:var(--spacing-sm);border-left:2px solid var(--accent-color);padding-left:var(--spacing-sm)}.projects .project-details p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-small);color:#acdef2e6;line-height:1.6}.projects .project-tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.projects .tech-tag{background-color:#3b82f626;color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid rgba(59,130,246,.3);transition:all .2s ease;cursor:pointer}.projects .tech-tag:hover{background-color:#3b82f640;transform:translateY(-2px);cursor:pointer}.projects .project-links{display:flex;gap:var(--spacing-md);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05)}.projects .github-link,.projects .view-project-link,.projects .demo-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-light);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:all .2s ease;text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;background-color:#ffffff0d}.projects .github-link:hover,.projects .view-project-link:hover,.projects .demo-link:hover{color:var(--accent-light);background-color:#3b82f61a;transform:translateY(-2px)}.projects .github-link svg,.projects .view-project-link svg,.projects .demo-link svg{width:18px;height:18px}.projects .more-projects-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--extra-large-margin-bottom);background-color:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.projects .more-projects-section:after{content:"";position:absolute;bottom:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);pointer-events:none}.projects .github-profile-link,.projects .highlight-text{color:var(--accent-light);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;position:relative;display:inline-block}.projects .github-profile-link:after,.projects .highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--accent-light);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.projects .github-profile-link:hover:after,.projects .highlight-text:hover:after{transform:scaleX(1);transform-origin:bottom left}.projects .collaboration-message{margin-top:var(--spacing-md)}:root{--accent-color: #3b82f6;--accent-light: #60a5fa}@media (max-width: 992px){.projects.page-content{padding:var(--spacing-lg) var(--spacing-md)}.projects .project-content{flex-wrap:wrap}.projects .project-image-container{flex:0 0 100%;height:250px;margin-bottom:var(--spacing-md)}}@media (max-width: 768px){.projects.page-content{padding:var(--spacing-lg) var(--spacing-md)}.projects .project-content{flex-direction:column}.projects .project-graph-container{align-items:center;margin-bottom:var(--spacing-md)}.projects .intro-paragraph{max-width:100%}.projects .project-card{padding:var(--spacing-md)}}@media (max-width: 480px){.projects .project-links{flex-wrap:wrap;gap:var(--spacing-sm)}.projects .tech-tag{font-size:.8rem}.projects .project-image-container{height:200px}.projects .scroll-message{bottom:1rem;right:1rem}}.project-detail.page-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 5rem var(--spacing-xl) var(--spacing-md);width:100%;max-width:1400px;margin:0 auto}.breadcrumb{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-light);font-size:var(--font-size-normal);text-decoration:none;transition:all .2s ease;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);background-color:#ffffff0d}.back-link:hover{background-color:#3b82f626;transform:translateY(-2px)}.back-link svg{width:18px;height:18px}.project-header{margin-bottom:var(--spacing-lg)}.project-header .project-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.2}.project-completion{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.progress-container{flex:1;height:8px;background-color:#ffffff1a;border-radius:9999px;overflow:hidden;max-width:300px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-light));border-radius:9999px;transition:width 1s ease-in-out}.completion-text{font-size:var(--font-size-small);color:var(--accent-light);font-weight:var(--font-weight-medium)}.project-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.project-image-section{position:relative}.project-detail-image{width:100%;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000004d;object-fit:cover;max-height:500px}.project-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-info-section h2{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);color:var(--accent-light);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.project-info-section h2:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:2px;background-color:var(--accent-color);border-radius:2px}.project-description{margin-bottom:var(--spacing-lg)}.project-description p{font-size:var(--font-size-normal);font-weight:var(--font-weight-light);color:var(--text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.tech-stack-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tech-tag{background-color:#3b82f626;color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border:1px solid rgba(59,130,246,.3);transition:all .2s ease;cursor:pointer}.tech-tag:hover{background-color:#3b82f640;transform:translateY(-2px)}.project-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.project-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-light);font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);transition:all .2s ease;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);background-color:#ffffff0d}.github-link{background-color:var(--bg-tertiary)}.demo-link{background-color:var(--accent-color)}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.github-link:hover{background-color:var(--bg-hover)}.demo-link:hover{background-color:var(--hover-color)}.project-link svg{width:20px;height:20px}.project-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05);margin-bottom:var(--extra-large-margin-bottom)}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-light);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);background-color:#ffffff0d;transition:all .2s ease;font-size:var(--font-size-small);max-width:45%}.nav-link:hover{background-color:#3b82f626;transform:translateY(-2px)}.prev-project{margin-right:auto}.next-project{margin-left:auto;text-align:right}.project-name{color:var(--accent-light);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:200px;vertical-align:bottom}@media (max-width: 992px){.project-detail.page-content{padding:var(--spacing-lg) var(--spacing-md)}.project-content-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-image-section{order:-1}.project-detail-image{max-height:400px}}@media (max-width: 768px){.project-navigation{flex-direction:column;gap:var(--spacing-md)}.nav-link{max-width:100%}.project-name{max-width:150px}.project-links{flex-direction:column;gap:var(--spacing-sm)}.project-link{width:100%;justify-content:center}}@media (max-width: 480px){.breadcrumb{margin-top:var(--spacing-lg)}.project-header .project-title{font-size:var(--font-size-medium)}.project-name{max-width:120px}.completion-text{font-size:var(--font-size-xs)}.progress-container{max-width:150px}}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:var(--primary-color);padding:var(--spacing-xl);text-align:center}.not-found h1{font-size:6rem;font-weight:var(--font-weight-bold);color:var(--accent-light);margin-bottom:var(--spacing-md);background-color:transparent}.not-found p{font-size:var(--font-size-medium);font-weight:var(--font-weight-light);color:var(--text-light);margin-bottom:var(--spacing-lg);background-color:transparent}.not-found .back-button{padding:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-normal);font-weight:var(--font-weight-semibold);color:var(--text-light);background-color:var(--accent-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-speed),transform var(--transition-speed);text-decoration:none}.not-found .back-button:hover{background-color:var(--hover-color);transform:translateY(-2px)}.not-found .back-button:active{transform:translateY(1px)}@media (max-width: 768px){.not-found h1{font-size:4rem}.not-found p{font-size:var(--font-size-normal)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:var(--spacing-lg, 2rem);background-color:var(--bg-primary, #0f172a);color:var(--text-light, #f5f5f5)}.error-code{font-size:8rem;font-weight:var(--font-weight-bold, 700);margin:0;color:var(--accent-light, #60a5fa);line-height:1}.error-title{font-size:2rem;font-weight:var(--font-weight-bold, 700);margin:var(--spacing-md, 1rem) 0}.error-message{font-size:1.125rem;margin-bottom:var(--spacing-lg, 2rem);max-width:500px;color:var(--text-secondary, #94a3b8)}.back-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent-light, #60a5fa);color:var(--bg-primary, #0f172a);text-decoration:none;border-radius:9999px;font-weight:var(--font-weight-medium, 500);transition:all .2s ease}.back-button:hover{background-color:var(--accent-light-hover, #3b82f6);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@media (max-width: 640px){.error-code{font-size:6rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}