@font-face{font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2") format("woff2")}@font-face{font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2") format("woff2")}.fa,.fa-brands,.fa-solid,.fab,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa,.fa-solid,.fas{font-family:'Font Awesome 6 Free';font-weight:900}.fa-brands,.fab{font-family:'Font Awesome 6 Brands';font-weight:400}.fa-arrow-right::before{content:"\f061"}.fa-arrow-left::before{content:"\f060"}.fa-arrow-up::before{content:"\f062"}.fa-chevron-down::before{content:"\f078"}.fa-microchip::before{content:"\f2db"}.fa-comment-dots::before{content:"\f4ad"}.fa-palette::before{content:"\f53f"}.fa-code::before{content:"\f121"}.fa-bolt::before{content:"\f0e7"}.fa-server::before{content:"\f233"}.fa-gamepad::before{content:"\f11b"}.fa-pen-nib::before{content:"\f5ad"}.fa-image::before{content:"\f03e"}.fa-paper-plane::before{content:"\f1d8"}.fa-link::before{content:"\f0c1"}.fa-twitter::before{content:"\f099"}.fa-instagram::before{content:"\f16d"}.fa-linkedin-in::before{content:"\f0e1"}.fa-react::before{content:"\f41b"}.fa-node-js::before{content:"\f3d3"}.fa-python::before{content:"\f3e2"}.fa-git-alt::before{content:"\f841"}.fa-figma::before{content:"\f799"}.fa-sass::before{content:"\f41e"}:root{--bg-color:#0c0c0c;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--nav-bg:#1a1a1a;--nav-hover:#333333;--highlight:#e5bc5f;--coder-green:#4ade80;--font-heading:'Jersey 15',cursive;--font-normal:'JetBrains Mono',monospace;--border-color:#2a2a2a}*{margin:0;padding:0;box-sizing:border-box;cursor:none}@media (hover:none){*{cursor:auto}.cursor-dot,.cursor-outline{display:none}}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-normal);min-height:100vh;position:relative;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:rgba(74,222,128,0.15);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.custom-scrollbar-track{position:fixed;top:0;right:0;width:10px;height:100vh;background:0 0;border-left:1px solid transparent;z-index:9999;opacity:0;transition:opacity .4s ease-in-out,background .4s ease-in-out,border-color .4s ease-in-out;pointer-events:none}.custom-scrollbar-track.visible{opacity:1;background:var(--bg-color);border-left:1px solid var(--border-color);pointer-events:auto}.custom-scrollbar-thumb{position:absolute;top:0;right:0;width:10px;background-color:#333;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.custom-scrollbar-thumb:hover,.custom-scrollbar-track.dragging .custom-scrollbar-thumb{background-color:var(--coder-green)}.main-layout{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.glow-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;box-shadow:inset 10px 0 50px -20px rgba(229,188,95,.15),inset -10px 0 50px -20px rgba(229,188,95,.05);z-index:10}.hero-container{width:100%;padding:3rem 2rem;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7rem}.logo{font-family:var(--font-heading);font-size:2.2rem;color:var(--text-primary);line-height:1;letter-spacing:2px;position:relative;cursor:pointer;transition:all .3s ease}.logo::after,.logo::before{content:'SAJAL.';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.logo::before{color:#ff00c1;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.logo::after{color:#00fff0;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}.logo:hover{color:var(--coder-green);text-shadow:0 0 10px rgba(74,222,128,.8),0 0 20px rgba(74,222,128,.4);transform:skew(-5deg)}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,10px,0);transform:translate(-2px,-2px)}20%{clip:rect(80px,9999px,30px,0);transform:translate(2px,2px)}40%{clip:rect(10px,9999px,60px,0);transform:translate(-2px,2px)}60%{clip:rect(50px,9999px,20px,0);transform:translate(2px,-2px)}80%{clip:rect(30px,9999px,80px,0);transform:translate(-1px,1px)}100%{clip:rect(15px,9999px,40px,0);transform:translate(0)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,50px,0);transform:translate(2px,2px)}25%{clip:rect(40px,9999px,15px,0);transform:translate(-2px,-2px)}50%{clip:rect(60px,9999px,80px,0);transform:translate(2px,-2px)}75%{clip:rect(20px,9999px,30px,0);transform:translate(-2px,2px)}100%{clip:rect(5px,9999px,20px,0);transform:translate(0)}}.nav-links{display:flex;gap:.8rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-family:var(--font-heading);font-size:1.2rem;background-color:var(--nav-bg);padding:.4rem .8rem;border-radius:4px;letter-spacing:1px;transition:all .2s ease}.nav-links a:hover{color:var(--coder-green);background-color:rgba(74,222,128,.05);border:1px solid var(--coder-green);transform:translateY(-2px)}.main-heading{font-family:var(--font-heading);font-size:9rem;line-height:1.1;font-weight:400;color:var(--text-primary);margin-bottom:3.5rem;letter-spacing:1px;position:relative;display:inline-block;cursor:default}.main-heading span{display:inline-block}.divider-section{display:flex;align-items:center;width:100%;margin-bottom:3.5rem;gap:1.5rem}.avatar{width:45px;height:45px;border-radius:50%;background-color:#eee;overflow:hidden;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.5)}.avatar img{width:100%;height:100%;object-fit:cover}.line-separator{flex-grow:1;height:1px;background-color:var(--border-color)}.social-icons{display:flex;gap:1.2rem;flex-shrink:0}.social-link{font-size:1.2rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%}.social-link:hover{transform:scale(1.15) translateY(-2px)}.social-link[aria-label=Twitter]:hover{color:#1da1f2}.social-link.instagram:hover{color:#e1306c}.social-link[aria-label=LinkedIn]:hover{color:#0a66c2}.bio-content{font-size:1rem;line-height:1.8;color:var(--text-primary);max-width:900px}.bio-content p{margin-bottom:1.5rem}.highlight{color:var(--highlight);font-weight:500}.animate-on-load{opacity:0;transform:translateY(15px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-load.is-visible{opacity:1;transform:translateY(0)}.scroll-indicator{display:none;justify-content:center;position:absolute;bottom:-3rem;left:0;width:100%;transition:opacity .4s ease;z-index:5}.scroll-chevron{position:relative;display:inline-block;cursor:default;animation:scroll-bounce-anim 2s infinite ease-in-out}.scroll-chevron i{font-size:4rem;color:var(--coder-green);-webkit-text-stroke:3px var(--coder-green);filter:drop-shadow(0 0 15px rgba(74, 222, 128, .4))}.scroll-chevron::after,.scroll-chevron::before{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:4rem;position:absolute;top:0;left:0;opacity:.8;pointer-events:none;-webkit-text-stroke:3px var(--coder-green)}.scroll-chevron::before{color:#ff00c1;-webkit-text-stroke-color:#ff00c1;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.scroll-chevron::after{color:#00fff0;-webkit-text-stroke-color:#00fff0;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes scroll-bounce-anim{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}.about-section,.tools-section,.work-section{width:100%;padding:0 2rem 5rem 2rem;margin-top:5rem;position:relative;z-index:1}.tools-container{display:flex;flex-direction:column;gap:3.5rem}.tool-category h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:2px;padding-left:1rem;position:relative}.tool-category h3::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--border-color)}.tool-category:first-child h3::before{background-color:var(--highlight);box-shadow:0 0 10px rgba(229,188,95,.4)}.tool-category:first-child h3{color:var(--highlight)}.tool-category:nth-child(2) h3::before{background-color:var(--coder-green);box-shadow:0 0 10px rgba(74,222,128,.4)}.tool-category:nth-child(2) h3{color:var(--coder-green)}.tool-category:nth-child(3) h3::before{background-color:#00fff0;box-shadow:0 0 10px rgba(0,255,240,.4)}.tool-category:nth-child(3) h3{color:#00fff0}.tools-list{display:flex;flex-wrap:wrap;gap:1.2rem}.tool-badge{position:relative;font-family:var(--font-normal);font-size:.95rem;color:var(--text-primary);background:rgba(26,26,26,.4);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05);padding:.7rem 1.4rem;border-radius:8px;display:flex;align-items:center;gap:.8rem;cursor:default;transition:all .3s ease;overflow:hidden}.tool-badge i,.tool-badge svg.svg-icon{font-size:1.1rem;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275),color .3s ease}.tool-badge i{text-shadow:0 0 10px currentColor}.tool-badge svg.svg-icon{filter:drop-shadow(0 0 10px currentColor)}.tool-badge::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:.5}.tool-badge:hover{transform:translateY(-5px);background:rgba(40,40,40,.6)}.tool-badge:hover i,.tool-badge:hover svg.svg-icon{transform:scale(1.2) rotate(5deg)}.tool-category:first-child .tool-badge i,.tool-category:first-child .tool-badge svg.svg-icon{color:var(--highlight)}.tool-category:first-child .tool-badge:hover{border-color:rgba(229,188,95,.4);box-shadow:0 10px 20px -5px rgba(229,188,95,.15)}.tool-category:nth-child(2) .tool-badge i,.tool-category:nth-child(2) .tool-badge svg.svg-icon{color:var(--coder-green)}.tool-category:nth-child(2) .tool-badge:hover{border-color:rgba(74,222,128,.4);box-shadow:0 10px 20px -5px rgba(74,222,128,.15)}.tool-category:nth-child(3) .tool-badge i,.tool-category:nth-child(3) .tool-badge svg.svg-icon{color:#00fff0}.tool-category:nth-child(3) .tool-badge:hover{border-color:rgba(0,255,240,.4);box-shadow:0 10px 20px -5px rgba(0,255,240,.15)}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.section-header h2{font-family:var(--font-heading);font-size:2.5rem;color:var(--text-primary);font-weight:400;letter-spacing:2px}.header-line{flex-grow:1;height:1px;background-color:var(--border-color)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.project-card{background-color:var(--nav-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--coder-green);box-shadow:0 10px 30px -10px rgba(74,222,128,.15)}.project-image{width:100%;height:180px;position:relative;overflow:hidden;border-bottom:1px solid var(--border-color)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(12,12,12,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{width:45px;height:45px;background-color:var(--coder-green);color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transform:translateY(20px);transition:all .3s ease}.project-card:hover .project-link{transform:translateY(0)}.project-link:hover{background-color:var(--highlight);transform:scale(1.1)!important}.project-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.project-info h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:500}.project-info .tech-stack{font-size:.85rem;color:var(--coder-green);font-family:var(--font-normal);opacity:.8}.contact-section{width:100%;padding:0 2rem 5rem 2rem;margin-top:5rem;text-align:center}.contact-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-heading{font-family:var(--font-heading);font-size:4rem;line-height:1;color:var(--text-primary);letter-spacing:1px;position:relative;display:inline-block;cursor:default}.contact-heading::before,.main-heading::before,.section-header h2::before{content:attr(data-text);white-space:pre-wrap;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;color:#ff00c1;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.contact-heading::after,.main-heading::after,.section-header h2::after{content:attr(data-text);white-space:pre-wrap;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;color:#00fff0;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}.contact-heading:hover,.main-heading:hover,.section-header h2:hover{color:var(--coder-green);text-shadow:0 0 10px rgba(74,222,128,.8),0 0 20px rgba(74,222,128,.4);transform:skew(-5deg)}.contact-text{font-family:var(--font-normal);color:var(--highlight);font-size:1rem;line-height:1.6}.contact-btn{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-heading);font-size:1.5rem;color:var(--coder-green);background:rgba(74,222,128,.05);border:1px solid var(--coder-green);padding:.8rem 2rem;border-radius:4px;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 0 15px rgba(74,222,128,.1)}.contact-btn:hover{transform:translateY(-3px);background:rgba(74,222,128,.15);box-shadow:0 5px 20px rgba(74,222,128,.3);color:var(--text-primary)}.site-footer{text-align:center;padding:2rem;border-top:1px solid var(--border-color);font-family:var(--font-normal);font-size:.8rem;color:var(--text-secondary);margin-top:2rem}.footer-name{color:var(--coder-green);font-weight:500}.footer-ai{color:var(--highlight);font-weight:500}.showcase-container{display:flex;flex-direction:column;gap:8rem;padding-top:2rem}.showcase-row{display:flex;align-items:center;gap:4rem}.showcase-row.row-reverse{flex-direction:row-reverse}.showcase-image{flex:1.2;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:rgba(26,26,26,.4);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:all .3s ease}.showcase-image:hover{border-color:rgba(74,222,128,.4);box-shadow:0 10px 20px -5px rgba(74,222,128,.15);transform:translateY(-5px)}.showcase-image img{width:100%;height:auto;display:block}.showcase-text{flex:1;display:flex;flex-direction:column;gap:1.5rem}.showcase-text h3{font-family:var(--font-heading);font-size:3rem;color:var(--text-primary);line-height:1.1;letter-spacing:1px}.showcase-text p{font-family:var(--font-normal);color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:4px;background:rgba(74,222,128,.05);backdrop-filter:blur(8px);border:1px solid var(--coder-green);color:var(--coder-green);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s ease;z-index:999;box-shadow:0 0 15px rgba(74,222,128,.1)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:rgba(74,222,128,.15);box-shadow:0 5px 20px rgba(74,222,128,.3);color:var(--text-primary);transform:translateY(-3px)}.cursor-dot{width:8px;height:8px;background-color:var(--coder-green);position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:10000;pointer-events:none;transition:width .3s ease,height .3s ease,background-color .3s ease}.cursor-outline{width:40px;height:40px;border:2px solid rgba(74,222,128,.5);position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none;transition:all .15s ease-out}body.cursor-hover .cursor-dot{width:12px;height:12px;background-color:var(--text-primary)}body.cursor-hover .cursor-outline{width:60px;height:60px;background-color:rgba(74,222,128,.1);border-color:var(--coder-green);border-width:1px}@media (max-width:900px){.main-layout{padding:0 1.5rem}.showcase-row,.showcase-row.row-reverse{flex-direction:column;gap:2rem}.showcase-container{gap:4rem}.showcase-text h3{font-size:2.5rem}.showcase-text p{font-size:1rem}.section-header.h2{font-size:2.5rem!important;margin-bottom:3rem!important}}@media (max-width:768px){.scroll-indicator{display:flex}.main-layout{padding:0 1.2rem}.hero-container{padding:2rem 1.5rem}.projects-grid{grid-template-columns:1fr}.header{margin-bottom:3.5rem;flex-direction:row;justify-content:space-between;align-items:center}.logo{font-size:2rem}.nav-links{gap:.5rem}.nav-links a{font-size:.95rem;padding:.3rem .5rem}.main-heading{font-size:clamp(3rem, 12vw, 5rem);margin-top:1rem;margin-bottom:2rem}.divider-section{margin-bottom:2.5rem;flex-direction:row;align-items:center;gap:1rem}.avatar{width:40px;height:40px}.social-icons{gap:1rem}.social-link{width:25px;height:25px;font-size:1.1rem}.bio-content{font-size:.95rem}.showcase-container{gap:3rem}.showcase-text h3{font-size:2rem}.showcase-text p{font-size:.95rem;line-height:1.5}.section-header.h2{font-size:2rem!important;margin-bottom:2.5rem!important}.project-hero .tech-stack{font-size:1rem!important}.project-hero .contact-text{font-size:.9rem;margin-bottom:2rem!important}.contact-btn{min-height:44px;padding:.7rem 1.5rem;font-size:1.2rem}.gallery-section{margin-top:3rem!important}}@media (max-width:480px){.main-layout{padding:0 1rem}.hero-container{padding:1.5rem 1.2rem}.header{margin-bottom:2.5rem;gap:.5rem}.logo{font-size:1.6rem}.nav-links{gap:.4rem}.nav-links a{font-size:.8rem;padding:.2rem .4rem;border-radius:3px}.divider-section{gap:.8rem}.avatar{width:35px;height:35px}.line-separator{flex-grow:1;height:1px;width:auto}.social-icons{gap:.8rem}.social-link{font-size:1rem;width:20px;height:20px}.bio-content p{margin-bottom:1rem}.main-heading{font-size:clamp(2.5rem, 10vw, 4rem);margin-top:.5rem;margin-bottom:1.5rem}.showcase-container{gap:2.5rem}.showcase-text h3{font-size:1.6rem}.showcase-text p{font-size:.85rem;line-height:1.5}.section-header.h2{font-size:1.6rem!important;margin-bottom:2rem!important}.project-hero .tech-stack{font-size:.85rem!important}.project-hero .contact-text{font-size:.85rem;margin-bottom:1.5rem!important}.contact-btn{min-height:44px;padding:.6rem 1.2rem;font-size:1.1rem}.gallery-section{margin-top:2rem!important}.back-to-top{bottom:calc(1rem + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right))}}