@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap";:root{--bg-color:#0a0a0c;--bg-color-alt:#1e1e1e;--fg-secondary:#d9d9d9;--fg-primary:#8201fe;--sf-dark:#49077b;--sf-light:#9854cb;--logo-dark:#6437a0;--logo-light:#deacf5;--btn-fg-color:#d9d9d9;--error-color:#f44336;--primary-font:"Space Grotesk";--secondary-font:"Inter";--tertiary-font:"Geist Mono"}[data-theme=light]{--bg-color:#fff;--bg-color-alt:#dbdbdb;--fg-secondary:#202122;--fg-primary:#ab51ff;--sf-dark:#653985;--sf-light:#a37cc2}body{background-color:var(--bg-color);margin:0;padding:0;transition:all .3s ease-in-out;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6,span,a,ul,li{color:var(--fg-secondary);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--primary-font)}p,span,a,li,label,button{font-family:var(--secondary-font)}.about-container{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);box-sizing:border-box;flex-flow:wrap;justify-content:center;align-items:start;gap:20px;padding:25px;display:flex;position:relative}.about-container .img-container{border-radius:30px;justify-content:center;align-items:center;width:320px;height:auto;display:flex;overflow:hidden}.about-container .me{object-fit:cover;object-position:top;border-radius:30px;width:100%;transition:all .3s ease-out}.about-container .me:hover{transform:scale(1.01)}.about-container .content{flex-direction:column;flex:1;gap:30px;min-width:300px;display:flex}.about-container .about-header .title{flex-direction:row;gap:12px;font-size:1.5rem;font-weight:700;display:flex}.about-container .about-header .title h2:nth-child(2){color:var(--fg-primary)}.about-container .about-item{flex-direction:column;gap:8px;display:flex}.about-container .about-item h3{color:var(--fg-primary)}.about-container .float{filter:drop-shadow(0 2px 6px var(--sf-dark));z-index:1;position:absolute;top:95%;right:95%}.about-container .float:first-child{top:10px;right:10px}@media (max-width:768px){.about-container{overflow:hidden}.about-container .img-container{width:100%}.about-container .me{width:100%;height:400px}}.achievement-card-container{scroll-snap-align:start;background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border-radius:20px;flex-direction:row;flex:1;align-items:center;gap:20px;padding:20px;transition:all .3s ease-out;display:flex}.achievement-card-container img{object-fit:cover;filter:grayscale();border-radius:20px;flex:1;width:400px;height:auto;transition:all .3s ease-out}.achievement-card-container .achievement-info{flex-direction:column;flex:1;gap:15px;width:400px;display:flex}.achievement-card-container .achievement-info .head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.achievement-card-container .achievement-info .head h3{font-family:var(--primary-font);color:var(--fg-primary);font-size:1.25rem;font-weight:800}.achievement-card-container .achievement-info .head span{max-width:fit-content;font-family:var(--secondary-font);border:2px solid var(--sf-dark);background-color:color-mix(in srgb,var(--sf-light)10%,transparent 90%);border-radius:50px;padding:5px 10px;font-size:.8rem;font-weight:500}.achievement-card-container .date-location{font-family:var(--primary-font);color:var(--fg-secondary);flex-direction:row;gap:15px;font-size:.8rem;font-weight:500;display:flex}.achievement-card-container .achievement-info p{font-family:var(--secondary-font);font-size:.8rem;font-weight:400;line-height:1.5}.achievement-card-container:hover img{filter:grayscale(0%);transition:all .5s ease-out;transform:scale(1.01)}@media (max-width:768px){.achievement-card-container{flex-direction:column}.achievement-card-container .achievement-info .head{flex-direction:column-reverse;align-items:start;gap:10px;display:flex}.achievement-card-container .achievement-info .head h3{font-size:1rem}.achievement-card-container img,.achievement-card-container .achievement-info{width:350px;height:auto}}.achievement-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:50px;display:flex;position:relative}.achievement-container .header{flex-direction:column;align-items:center;gap:5px;display:flex}.achievement-container .header .title{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.achievement-container .header .title h2:first-child{color:var(--fg-primary)}.achievement-container .header p{text-align:center}.achievement-container .content{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;justify-content:left;align-items:center;gap:50px;width:850px;padding:20px;display:flex;overflow-x:auto}.achievement-container .content::-webkit-scrollbar{display:none}.achievement-container .carousel-controls{z-index:5;box-sizing:border-box;justify-content:space-between;align-items:center;width:120%;display:flex;position:absolute;top:58%}.achievement-container .carousel-btn{background-color:color-mix(in srgb,var(--bg-color)80%,transparent 50%);color:var(--fg-primary);cursor:pointer;border:none;border:2px solid var(--bg-color-alt);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:all .3s ease-out;display:flex}.achievement-container .carousel-btn:hover{background-color:var(--sf-dark);color:var(--bg-color);transition:all .3s ease-out;transform:translateY(-2px)}.achievement-container .carousel-dots{justify-content:center;gap:10px;display:flex}.achievement-container .dot{background-color:var(--fg-secondary);cursor:pointer;border:none;border-radius:100px;width:8px;height:8px;transition:all .3s}.achievement-container .dot.active{background-color:var(--sf-dark)}@media (max-width:768px){.achievement-container{overflow:hidden}.achievement-container .content{gap:30px;width:350px}.achievement-container .carousel-controls{width:100%;top:50%}}.contact-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:50px;padding:10px 0;display:flex;position:relative;overflow:hidden}.contact-container .header{flex-direction:column;align-items:center;gap:5px;display:flex}.contact-container .header .title{flex-direction:row;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.contact-container .header .title h2:first-child{color:var(--fg-primary)}.contact-container .header p{text-align:center}.contact-container .contact-info{box-sizing:border-box;flex-flow:wrap;justify-content:center;gap:10px;width:100%;display:flex}.contact-container form{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border-radius:12px;flex-direction:column;gap:15px;width:50%;padding:30px;display:flex}.contact-container .input-group{flex-direction:column;gap:10px;display:flex}.contact-container .input-group label{color:var(--fg-secondary);font-size:.8rem;font-weight:400}.contact-container .input-group input,.contact-container .input-group textarea{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);color:var(--fg-secondary);font-family:var(--secondary-font);border:2px solid var(--bg-color-alt);resize:vertical;border-radius:8px;padding:15px 20px;font-size:.9rem}.contact-container .input-group textarea{min-height:100px;max-height:200px}.contact-container form button{background:var(--sf-dark);width:100%;color:var(--btn-fg-color);cursor:pointer;border:none;border-radius:12px;align-self:center;padding:10px 20px;font-weight:500;transition:all .3s ease-out}.contact-container form button:hover{box-shadow:0 2px 5px var(--sf-dark);transform:translateY(-1px)}.contact-container .socials{border-radius:12px;flex-direction:column;justify-content:space-between;gap:10px;display:flex}.contact-container .socials .email,.contact-container .socials .phone{color:var(--fg-secondary);background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border-radius:12px;flex-direction:row;align-items:center;gap:10px;padding:10px 20px;font-size:1.5rem;display:flex}.contact-container .socials .email span,.contact-container .socials .phone span{font-size:.7rem}.error-message{color:var(--error-color);font-size:.8rem}.contact-container .social-links>i{color:var(--fg-secondary);flex-direction:row;align-items:center;gap:10px;margin-top:10px;font-size:1rem;display:flex}.contact-container .contact-info .social-links{flex-direction:column;gap:10px;display:flex}.contact-container .contact-info .social-links a{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border-radius:12px;align-items:center;gap:10px;padding:10px;font-size:1.5rem;text-decoration:none;transition:all .3s ease-out;display:flex}.contact-container .contact-info .social-links>h3{color:var(--fg-secondary);flex-direction:row;justify-content:center;align-items:center;gap:10px;font-size:1rem;display:flex}.contact-container .contact-info .social-links a span{font-size:.9rem}.contact-container .contact-info .social-links a:hover{background-color:var(--bg-color-alt);transform:translateY(-1px)}.contact-container .availability{flex-direction:column;gap:10px;display:flex}.contact-container .availability h4{color:var(--fg-secondary);font-size:1rem}.contact-container .availability ul{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border-radius:12px;flex-direction:column;gap:10px;padding:10px;list-style-type:none;display:flex}.contact-container .availability ul li:before{content:"•";color:var(--sf-dark);margin-right:10px;font-size:1.5rem}@media (max-width:768px){.contact-container form,.contact-container .socials{width:80%}}.intro-container{box-sizing:border-box;width:100%;min-height:fit-content;position:relative}.intro-container .content{z-index:1;flex-direction:column;align-items:start;gap:10px;max-width:600px;display:flex;position:absolute;bottom:20px;left:100px}.intro-container .content h3{font-family:var(--primary-font);color:var(--fg-primary);font-size:1.5rem;font-weight:800}.intro-container .content h1{font-family:var(--primary-font);text-align:left;font-size:3.5rem;font-weight:800}.intro-container .content p{font-family:var(--secondary-font);text-align:left;font-size:1rem;font-weight:400}.intro-container .content .btn-container{flex-flow:wrap;gap:20px;margin-top:20px;display:flex}.intro-container .content .btn-container a{text-decoration:none}.intro-container .content .btn-container .view-work-btn{min-width:160px;font-family:var(--secondary-font);color:var(--btn-fg-color);background-image:linear-gradient(to right,var(--sf-dark),var(--sf-light));cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .3s ease-out;display:flex}.intro-container .content .btn-container .view-work-btn:hover{box-shadow:0 0 10px var(--sf-light);transform:translateY(-1px)}.intro-container .content .btn-container .get-in-touch-btn{min-width:fit-content;font-family:var(--secondary-font);color:var(--fg-secondary);border:2px solid var(--sf-dark);cursor:pointer;background-color:#0000;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .3s ease-out;display:flex}.intro-container .quick-link{flex-direction:row;gap:10px;margin-top:10px;display:flex}.intro-container .quick-link a{color:var(--fg-primary);background-color:color-mix(in srgb,var(--fg-primary),transparent 80%);border-radius:30px;justify-content:center;align-items:center;padding:8px;font-size:2rem;font-weight:500;text-decoration:none;transition:all .3s ease-out;display:flex}.intro-container .quick-link a:hover{box-shadow:0 0 10px var(--fg-primary);transform:translateY(-1px)}.intro-container .gradient-box{background:linear-gradient(to right,var(--bg-color)0%,var(--sf-dark)100%);border-radius:12px;justify-content:right;align-items:center;width:100%;height:340px;margin-top:50px;transition:all .5s ease-out;display:flex;position:relative}.intro-container .gradient-box:before{content:"";border:2px solid color-mix(in srgb,var(--sf-dark),transparent 50%);border-radius:12px;width:100%;height:100%;position:absolute;top:30px;left:30px}.intro-container .gradient-box img{filter:grayscale();transition:all .3s ease-out;position:absolute;bottom:0;right:0}.intro-container .gradient-box img:hover{filter:none;transform:scale(1.01)translateY(-2.2px)}@media (max-width:768px){.intro-container{padding:0 10px;overflow:hidden}.intro-container .content{text-align:center;align-items:center;max-width:100%;margin-top:100px;padding:10px;position:static}.intro-container .content h1{text-align:center;font-size:2rem}.intro-container .content h3{font-size:1.2rem}.intro-container .content p{text-align:center;font-size:.9rem}.intro-container .gradient-box{background:0 0;width:100%;height:auto}.intro-container .gradient-box:before{border:none;top:20px;left:20px}.intro-container .gradient-box img{display:none}}.projects-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:50px;padding:10px 0;display:flex;position:relative;overflow:hidden}.projects-container .header{flex-direction:column;align-items:center;gap:5px;display:flex}.projects-container .header .title{flex-direction:row;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.projects-container .header .title h2:first-child{color:var(--fg-primary)}.projects-container .header p{text-align:center}.projects-container .content{flex-flow:wrap;justify-content:center;gap:10px;width:100%;display:flex}.project-card-container{background:color-mix(in srgb,var(--bg-color-alt),transparent 60%);border-radius:20px;flex-direction:column;flex:1;min-width:300px;max-width:400px;padding:20px;text-decoration:none;transition:all .3s ease-out;display:flex;overflow:hidden}.project-card-container>img{filter:grayscale();aspect-ratio:4/3;object-fit:cover;z-index:1;border-radius:20px;width:100%;height:auto;transition:all .3s ease-out}.project-card-container .project-info{background-color:var(--bg-color-alt);box-shadow:2px 0 10px 2px var(--bg-color);z-index:2;border-radius:0 40px 10px 10px;flex-direction:column;flex:1;justify-content:space-between;gap:10px;margin-top:-50px;padding:10px;transition:all .3s ease-out;display:flex}.project-card-container .project-info h3{font-size:1.2rem;font-weight:700}.project-card-container .project-info p{text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.project-card-container .bottom-project-info{flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.project-card-container .stacks-used{background-color:var(--bg-color);border-radius:50px;flex-direction:row;gap:10px;padding:5px 10px;display:flex}.project-card-container .stacks-used img{filter:grayscale();object-fit:contain;border-radius:8px;width:30px;height:30px;transition:all .3s ease-out}.project-card-container .project-links{flex-direction:row;gap:10px;display:flex}.project-card-container .project-links a{color:var(--fg-primary);border-radius:50%;font-size:2rem;text-decoration:none;transition:all .3s ease-out}.project-card-container .project-links a:hover{filter:drop-shadow(0 2px 4px var(--sf-dark));transform:translateY(-1px)}.project-card-container:hover{cursor:pointer;transition:all .3s ease-out;transform:scale(1.01)}.project-card-container:hover img{filter:grayscale(0%);transition:all .3s ease-out}.project-card-container:hover>img{transition:all .3s ease-out;transform:translateY(-8px)}.project-card-container:hover .project-info{transition:all .3s ease-out}.stacks-container{box-sizing:border-box;flex-direction:column;align-items:center;gap:50px;padding:10px 0;display:flex;position:relative;overflow:hidden}.stacks-container .header{flex-direction:column;align-items:center;gap:5px;display:flex}.stacks-container .header .title{flex-direction:row;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.stacks-container .header .title h2:nth-child(2){color:var(--fg-primary)}.stacks-container .header p{text-align:center}.stacks-container .header p:nth-child(3){font-family:var(--secondary-font);text-align:center;opacity:.8;font-size:.8rem;font-weight:300}.stacks-container .architecture-component{flex-direction:row;align-items:center;width:100%;margin-bottom:120px;display:flex;position:relative}.stacks-container .arch-list{flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.stacks-container .tech-video{width:40px;margin-left:-10px}.stacks-container .all-stacks-container{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;width:60%;display:flex;position:relative}.stacks-container>p{text-align:center;font-size:1rem;font-weight:300}.stacks-container .selected-categories{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);width:60%;box-shadow:0 4px 6px var(--sf-dark);border-radius:30px;flex-direction:column;justify-content:center;padding:30px;display:flex;position:relative}.stacks-container .selected-categories h2{color:var(--fg-primary);font-size:1.5rem}.stacks-container .selected-categories .label{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.stacks-container .selected-categories ul{flex-direction:column;gap:20px;padding:20px 0;list-style-type:disc;display:flex}.stacks-container .selected-categories .stack{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.stacks-container .selected-categories .stack p{font-size:1rem;font-weight:500}.stacks-container .selected-categories .stack img{width:30px;height:30px}.stacks-container .selected-categories .stack:after{content:"";background-color:var(--random-color,var(--bg-color-alt));border-radius:100px;width:90%;height:6px;margin-top:45px;position:absolute;left:50%;right:50%;transform:translate(-50%)}@media (max-width:768px){.stacks-container .all-stacks-container,.stacks-container .selected-categories{width:80%}}.arch-item{width:150px;box-shadow:0 4px 6px var(--sf-light)inset;background-color:var(--sf-dark);transform-style:preserve-3d;border-radius:30px;flex-direction:column;flex:1;align-items:center;margin-bottom:-80px;padding:10px;transition:all .3s ease-out;display:flex;position:relative;transform:rotate3d(1,0,-1,45deg)skew(20deg)}.arch-item .value{color:var(--btn-fg-color);font-weight:500}.arch-item:hover{z-index:1;transition:all .5s ease-out;transform:skewY(0)scale(1.05)translateZ(50px)}.arch-item:not(:last-child):hover{margin-top:50px}.arch-item:hover .label{margin-top:120px;margin-left:-60px}.arch-item .label{z-index:1;padding:10px;font-size:1.5rem;font-weight:600;transition:all .5s ease-out;position:absolute;top:-100px;left:0}.arch-item .label:after{content:"";width:100%;height:100%;box-shadow:0 4px 6px var(--sf-light);z-index:-1;border-radius:12px;transition:all .5s ease-out;position:absolute;top:0;left:0}.arch-item:hover :after{background-color:var(--sf-dark);transition:all .5s ease-out}.arch-item:before{content:"";background-color:var(--sf-light);width:100%;height:100%;box-shadow:-10px 10px 20px 1px var(--bg-color-alt);z-index:-1;border-radius:30px;transition:all .3s ease-out;position:absolute;top:0;transform:translate3d(0,-5px,-35px)}.arch-item:first-child:after{content:"";width:100%;height:100%;box-shadow:-10px 5px 50px 80px var(--bg-color-alt);z-index:-2;border-radius:30px;transition:all .5s ease-out;position:absolute;top:0;transform:translate3d(0,-5px,-35px)}.arch-item:hover:before{transition:all .5s ease-out}.arch-item:hover:after{box-shadow:none;transition:all .5s ease-out}.stack-category{background:color-mix(in srgb,var(--bg-color-alt),transparent 80%);cursor:pointer;border-radius:12px;flex-direction:column-reverse;flex:1;justify-content:center;align-items:center;gap:5px;max-width:fit-content;padding:20px;transition:all .3s ease-out;display:flex}.stack-category .stack-items{flex-direction:row;justify-content:center;align-items:center;gap:15px;display:flex}.stack-category .stack-items .stack-item img{filter:grayscale();width:35px;height:35px}.stack-category:hover{box-shadow:0 4px 6px var(--sf-dark);transition:all .3s ease-out;transform:scale(1.05)}.stack-category:hover .stack-items .stack-item img{filter:none;transition:all .3s ease-out}.stack-category.active{box-shadow:0 4px 6px var(--sf-dark);transition:all .3s ease-out;transform:scale(1.05)}.stack-category.active .stack-items .stack-item img{filter:none;transition:all .3s ease-out}.stack-category h2{text-align:center;font-size:1rem}.home-page-container{flex-direction:column;align-items:center;gap:100px;padding:200px 10%;display:flex}.home-page-container .line{background:linear-gradient(to right,transparent,var(--bg-color-alt),transparent);width:90%;height:2px}@media (max-width:768px){.home-page-container{padding:50px 0}}.nav-container{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 80%);border:1px solid var(--bg-color-alt);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9998;box-sizing:border-box;border-radius:0 0 15px 15px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 10%;display:flex;position:fixed}.nav-container .logo{flex-direction:row;align-items:center;text-decoration:none;display:flex}.nav-container .logo:hover{cursor:pointer}.nav-container .logo img{width:auto;height:50px}.nav-container .nav-logo{font-family:var(--tertiary-font);background-image:linear-gradient(to right,var(--logo-dark),var(--logo-light));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:1000}.nav-container ul{flex-direction:row;align-items:center;gap:30px;list-style-type:none;transition:all .3s ease-out;display:flex}.nav-container ul .nav-link{font-family:var(--secondary-font);color:var(--fg-secondary);cursor:pointer;align-items:center;font-size:.9rem;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-container ul .nav-link.active-link:before{content:"";background-color:var(--sf-dark);width:100%;height:3px;transition:all .5s ease-out}.nav-container ul .nav-link svg{display:none}.nav-container ul .nav-link:before{content:"";background-color:var(--sf-dark);border-radius:12px;width:0%;height:3px;transition:width .3s;position:absolute;bottom:-5px;left:50%;right:50%;transform:translate(-50%)}.nav-container ul .nav-link:hover:before{width:100%}.nav-container .nav-right{flex-direction:row;align-items:center;gap:20px;display:flex}.nav-container .theme-icon{background-color:var(--bg-color-alt);box-sizing:border-box;border-radius:20px;align-items:center;width:55px;height:32px;padding:3px 5px;display:flex}.nav-container .theme-icon.dark svg{animation:.3s ease-out forwards dark}.nav-container .theme-icon:hover{cursor:pointer;box-shadow:0 0 10px var(--sf-dark);transition:all .3s ease-out;transform:translateY(-1px)}.nav-container .theme-icon svg{color:var(--btn-fg-color);background-color:color-mix(in srgb,var(--sf-dark),transparent 20%);cursor:pointer;border-radius:50%;padding:5px;animation:.3s ease-out forwards light}.nav-container .contact-btn{cursor:pointer;background-image:linear-gradient(to right,var(--sf-dark),var(--sf-light));color:var(--btn-fg-color);border-radius:12px;padding:10px 25px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .5s;animation:3s infinite contactLight}.nav-container .contact-btn:hover{background-image:none;transition:all .3s;transform:translateY(-1px)}@keyframes contactLight{0%,to{box-shadow:-1px 0 0 2px var(--sf-dark)inset}50%{box-shadow:1px 0 0 2px var(--sf-light)inset}}.nav-container .menu-icon{background-color:color-mix(in srgb,var(--sf-dark),transparent 80%);color:var(--sf-light);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:5px;display:none}@media (max-width:768px){.nav-container{width:100%;padding:0 20px}.nav-container .contact-btn{display:none}.nav-container ul{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 10%);z-index:-1;flex-direction:column;align-items:start;width:150px;height:100vh;padding:100px 20px;position:absolute;top:-30px;right:-100%}.nav-container .menu-icon{display:flex}.nav-container ul .nav-link svg{margin-right:10px;display:inline-block}}@keyframes dark{0%{transform:translate(0)}to{transform:translate(20px)}}@keyframes light{0%{transform:translate(20px)}to{transform:translate(0)}}.project-page-container{align-items:left;flex-direction:column;padding:50px 10%;display:flex}.project-page-container .back-btn{color:var(--btn-fg-color);background:linear-gradient(to right,var(--sf-dark),var(--sf-light));border-radius:12px;flex-direction:row;align-items:center;width:fit-content;margin-bottom:20px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s ease-out;display:flex}.project-page-container .back-btn:hover{box-shadow:0 0 10px var(--sf-light);transition:all .3s ease-out;transform:translateY(-1px)}.project-page-container .content{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 50%);border-radius:20px;flex-direction:column;gap:30px;padding:20px;display:flex}.project-page-container .header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.project-page-container .header h1{font-size:2.5rem;font-weight:800}.project-page-container .header p{border:2px solid var(--sf-dark);background-color:color-mix(in srgb,var(--sf-light)10%,transparent 90%);border-radius:50px;padding:10px;font-size:1rem;font-weight:500}.project-page-container .content img{aspect-ratio:16/7;object-fit:cover;border-radius:20px;width:100%}.project-page-container .content .tech-stacks,.project-page-container .content .overview,.project-page-container .content .features,.project-page-container .content .problem-solution{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 50%);border:2px solid var(--bg-color-alt);border-radius:15px;flex-direction:column;gap:15px;padding:15px 20px;display:flex}.project-page-container .content .row{flex-flow:wrap;gap:15px;display:flex}.project-page-container .content .row .row-box{background-color:color-mix(in srgb,var(--bg-color-alt),transparent 50%);border:2px solid var(--bg-color-alt);border-radius:15px;flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:200px;padding:15px 20px;display:flex}.project-page-container .row-box h6{color:var(--sf-light);flex-direction:row;align-items:center;gap:10px;font-size:1rem;display:flex}.project-page-container .stacks-list{flex-flow:wrap;gap:20px;display:flex}.project-page-container .tech-stacks .stack-item{flex-direction:column;align-items:center;gap:8px;display:flex}.project-page-container .tech-stacks .stack-item img{object-fit:contain;border-radius:12px;width:50px;height:50px}.project-page-container .features ul{flex-direction:column;gap:10px;padding-left:0;list-style-type:none;display:flex}.project-page-container .features ul li{color:var(--fg-secondary);flex-flow:wrap;align-items:center;gap:10px;font-size:1rem;display:flex}.project-page-container .features ul li:before{content:"•";color:var(--sf-dark);font-size:2rem;font-weight:500;line-height:0}.project-page-container .actions{flex-direction:row;gap:20px;margin-top:10px;display:flex}.project-page-container .actions a{color:var(--fg-primary);border:2px solid var(--sf-dark);background-color:color-mix(in srgb,var(--sf-dark),transparent 80%);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .3s ease-out;display:flex}.project-page-container .actions a:hover{box-shadow:0 0 10px var(--sf-dark);transition:all .3s ease-out;transform:translateY(-1px)}@media (max-width:768px){.project-page-container{padding:50px 10px}}.footer-container{border-top:1px solid var(--bg-color-alt);flex-flow:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 10%;display:flex}.footer-container .tag{flex-direction:column;gap:10px;display:flex}.footer-container .tag p{font-family:var(--secondary-font);color:var(--fg-secondary);font-size:.8rem}.footer-container .rights{flex-direction:column;align-items:end;gap:10px;display:flex}.footer-container .rights p{font-family:var(--secondary-font);color:var(--fg-secondary);font-size:.8rem}@media (max-width:600px){.footer-container{text-align:center;flex-direction:column;align-items:center}.footer-container .rights{align-items:center}}.custom-cursor{pointer-events:none;z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor .cursor-circle{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.custom-cursor .cursor-circle-outer{background-color:color-mix(in srgb,var(--sf-dark),transparent 80%);width:40px;height:40px;transition:transform .15s ease-out,background-color .3s ease-out}.custom-cursor .cursor-circle-inner{background-color:var(--sf-dark);width:10px;height:10px}.custom-cursor.active .cursor-circle-outer{background-color:color-mix(in srgb,var(--sf-light),transparent 80%);transition:background-color .3s ease-out}.custom-cursor.active .cursor-circle-inner{background-color:var(--sf-light);transition:background-color .3s ease-out}