@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;500;700&display=swap";html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}html{font-size:18px}body{margin:0;background-color:#0c0c0c;color:#fff;font-family:Poppins,sans-serif!important;font-weight:200;line-height:1.5;overflow-x:hidden;width:100%}nav{position:fixed;top:0;left:0;width:100%;background-color:#030002e1;padding:.9375rem 2rem;z-index:100;display:flex;align-items:center}.nav-left{display:flex;align-items:center;flex:1}.nav-center{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex:2}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;flex:1}nav a{color:#af6bb1;text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:4px;transition:background-color .3s ease}nav a:hover{text-decoration:underline;background-color:#af6bb11a}#canvas-container{position:fixed;left:0;top:0;width:40%;height:100vh;z-index:1;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}#canvas-container.mobile{position:static;width:100%;height:300px;margin:2rem 0;background:transparent;border:none;display:flex;align-items:center;justify-content:center}#canvas-container.mobile canvas{border-radius:12px;display:block;margin:0 auto}#home{min-height:65vh;width:100%;display:flex;flex-direction:row;position:relative}.left-content{width:50%;height:100%;padding:5rem 2rem 2rem;box-sizing:border-box;margin-left:45%;max-width:none}.intro-text{margin-top:2rem;font-size:1.1rem}h1{word-wrap:break-word;white-space:normal;font-size:2rem;font-weight:700}h2{word-wrap:break-word;white-space:normal;font-size:1.5rem;font-weight:500}h3{font-size:1.8rem;font-weight:500}.small-text{font-size:.6rem;font-weight:300}p{word-wrap:break-word;white-space:normal}sub{font-size:16px}.shader-preview-container{display:flex;gap:20px;margin-top:2rem;margin-bottom:2rem}.shader-thumbnail{flex:1;height:250px;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.shader-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 30px #af6bb14d;border-color:#af6bb1}.image-thumbnail{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}#graphics-log-thumb{background-image:url(/assets/c__-DjF6Sy7L.png)}#lang-blog-thumb{background-image:url(/assets/html2-D-FHDI9h.png)}.shader-canvas{width:100%;height:100%;display:block}.shader-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 15px 15px;color:#fff}.shader-title{font-size:1rem;font-weight:500;margin-bottom:5px;font-family:Poppins,sans-serif}.shader-description{font-size:.85rem;font-weight:200;opacity:.9;font-family:Poppins,sans-serif}#projects{min-height:100vh;padding:0 1.875rem 1.875rem;margin-top:-5rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;font-weight:500}.project-bars{width:100%;margin:1.25rem 0}.project-bar{position:relative;width:100%;height:6.25rem;margin-bottom:.625rem;overflow:hidden;cursor:pointer;transition:all .5s ease}.project-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;z-index:3;pointer-events:none}.project-bar:hover:after{background-color:#0006}.project-bar.expanded{height:auto}.project-bar.expanded:after{content:"";position:absolute;top:6.25rem;left:0;width:60%;height:calc(100% - 6.25rem);background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.75) 35%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.35) 75%,rgba(0,0,0,.15) 90%,transparent 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2;transition:none}.project-title{position:absolute;left:3.125rem;top:50%;transform:translateY(-50%);color:#fff;font-size:1.5rem;font-weight:300;z-index:10;transition:all .3s ease}.project-bar.expanded .project-title{top:1.25rem;transform:none;font-size:1.75rem}.project-bar-bg{width:100%;height:100%;min-height:6.25rem;background-size:cover;background-position:center;position:absolute;top:0;left:0;z-index:0}.project-bar-bg:before{content:"";position:absolute;left:0;top:0;width:40%;height:100%;background:linear-gradient(90deg,#000c,#0006 70%,#0000);z-index:1}.project-content{max-height:0;overflow:hidden;transition:max-height .5s ease;padding:0 1.25rem;color:#fff;position:relative;z-index:5;max-width:55%;margin-left:1.25rem}.project-bar.expanded .project-content{padding:6.25rem 1.25rem 1.25rem}.project-content p{margin-bottom:1.25rem;font-family:Poppins,sans-serif!important;font-weight:200;font-size:1.1rem}.project-content a{font-family:Poppins,sans-serif!important;font-weight:500;color:#8a2be2;text-decoration:none}.project-content a:hover{text-decoration:underline}#Zoodini .project-bar-bg{background-image:url(/images/zoodini.png)}#cuda-ray-tracer .project-bar-bg{background-image:url(/images/raytracer1.png)}#graphics-rasterizer .project-bar-bg{background-image:url(/images/raster.png)}#Shaders .project-bar-bg{background-image:url(/images/shader.png)}#NeuroScent .project-bar-bg{background-image:url(/images/neuroscent.png)}#Sentiment .project-bar-bg{background-image:url(/images/sentiment.png)}#PhysicsXR .project-bar-bg{background-image:url(/images/xr.png)}#Sailing .project-bar-bg{background-image:url(/images/sailing.png)}#anime .project-bar-bg{background-image:url(/images/companion.png)}#personalproject .project-bar-bg{background-image:url(/images/cloud.png)}.about-footer-home{background:linear-gradient(#0c0c0c,#692766);padding:2rem 1rem;overflow-x:hidden;box-sizing:border-box}.about-footer-content-home{display:flex;justify-content:space-between;align-items:flex-start;max-width:100%;box-sizing:border-box}.about-footer-greeting-home{flex:1;min-width:0}.about-footer-greeting-home h2{color:#fff;font-size:2rem;margin-bottom:.5rem;word-wrap:break-word}.about-footer-greeting-home p{color:#ccc;word-wrap:break-word}.about-footer-links-home{flex:1;display:flex;justify-content:space-around;gap:1rem;min-width:0}.about-footer-section-home{display:flex;flex-direction:column;min-width:0}.about-footer-home h3{color:#fff;margin-bottom:1rem;font-size:1rem}.about-footer-home a{color:#ccc;margin-bottom:.5rem;text-decoration:none;word-wrap:break-word;font-size:.9rem}.about-footer-home a:hover{color:#fff;text-decoration:underline}.text-separator-home{text-align:center;margin:1rem 0;color:#fff;letter-spacing:.1875rem;font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}@media (max-width: 1200px){.left-content{margin-left:42%;width:58%;padding:5rem 1.5rem 2rem}}@media (max-width: 992px){#canvas-container:not(.mobile){width:35%}.left-content{margin-left:40%;width:60%}}@media (max-width: 768px){html{font-size:16px}nav{padding:.9375rem 0;text-align:center;display:block!important;flex-direction:initial!important;justify-content:initial!important;align-items:initial!important}.nav-left,.nav-center,.nav-right{display:contents!important;flex:initial!important;justify-content:initial!important}nav a{margin:0 .9375rem;padding:.5rem .75rem;display:inline!important}#home{flex-direction:column;min-height:auto}.left-content{margin-left:0;padding:5rem 2rem 2rem;width:100%;max-width:none;z-index:2;position:relative}.intro-text{margin-top:2rem}#canvas-container.mobile{display:flex;align-items:center;justify-content:center}#canvas-container.mobile canvas{border-radius:12px;display:block;margin:0 auto}.project-content{max-width:90%}.project-bar-bg:before{width:100%}.project-bar.expanded .project-content{max-width:90%}.project-bar.expanded:after{width:100%;background-color:#000000b3}.shader-preview-container{flex-direction:column;gap:15px}.shader-thumbnail{height:350px!important;min-height:350px!important}.image-thumbnail{background-size:cover;background-position:center;background-repeat:no-repeat}.shader-thumbnail:not(.image-thumbnail) .shader-canvas{width:100%;height:100%;object-fit:cover}.about-footer-home{padding:1.5rem 1rem}.text-separator-home span{display:none}.text-separator-home:after{content:"--- • ૮ ✦ ა • CONTACT • ૮ ✦ ა • ---";display:block}.about-footer-content-home{flex-direction:column;gap:2rem;width:100%}.about-footer-greeting-home{text-align:center;width:100%}.about-footer-greeting-home h2{font-size:1.6rem;margin-bottom:.75rem}.about-footer-greeting-home p{font-size:1rem;margin-bottom:1rem}.about-footer-links-home{width:100%;justify-content:space-between;gap:2rem;flex-wrap:nowrap}.about-footer-section-home{flex:1;text-align:center}.about-footer-home h3{text-align:center}.about-footer-home h3{font-size:.95rem;margin-bottom:.75rem}.about-footer-home a{font-size:.85rem;margin-bottom:.4rem;display:block}.text-separator-home{font-size:1.2rem;letter-spacing:.1rem;margin:1rem 0 1.5rem;padding:0 .5rem;box-sizing:border-box;text-align:center;width:100%;display:block}}@media (max-width: 576px){html{font-size:16px}nav{padding:.75rem 0}nav a{margin:0 .5rem;font-size:.9rem;padding:.5rem .75rem;display:inline!important}h1{font-size:1.5rem}h2{font-size:1.4rem}.left-content{padding:4rem 1rem 1rem}.shader-thumbnail{height:320px!important;min-height:320px!important}.image-thumbnail{background-size:cover;background-position:center;background-repeat:no-repeat}#graphics-log-thumb,#lang-blog-thumb{background-position:center}#canvas-container.mobile{height:250px;margin:1.5rem 0;display:flex;align-items:center;justify-content:center}.about-footer-home{padding:1rem .75rem}.about-footer-greeting-home h2{font-size:1.4rem}.about-footer-greeting-home p{font-size:.9rem}.about-footer-links-home{gap:1.5rem}.about-footer-home h3{font-size:.9rem}.about-footer-home a{font-size:.8rem}.text-separator-home{font-size:1rem;letter-spacing:.05rem;line-height:1.3;word-break:break-all;text-align:center;width:100%;display:block}}@media (min-width: 1200px){html{font-size:20px}}@media (max-width: 768px){.shader-thumbnail{height:220px!important;min-height:220px!important}.image-thumbnail{background-size:cover;background-position:center}}@media (max-width: 576px){.shader-thumbnail{height:180px!important;min-height:180px!important}.image-thumbnail{background-size:cover;background-position:center}}@media (max-width: 400px){.about-footer-links-home{flex-direction:column;gap:1.5rem;text-align:center}.about-footer-section-home{width:100%}.text-separator-home{font-size:.9rem;padding:0 .25rem;text-align:center;width:100%;display:block}}