@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#0a0c0f;background-image:repeating-linear-gradient(0deg,rgba(0,195,255,.08) 0px,rgba(0,195,255,.08) 1px,transparent 1px,transparent 28px),radial-gradient(circle at 20% 30%,rgba(0,195,255,.03) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(167,13,36,.03) 0%,transparent 35%),radial-gradient(circle at 40% 20%,rgba(122,215,234,.03) 0%,transparent 40%);background-size:100% 28px,100% 100%,100% 100%,100% 100%;background-attachment:fixed;position:relative;color:#fff;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,195,255,.02) 50%,transparent 100%);animation:scan 15s linear infinite;pointer-events:none;z-index:1}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.vertical-line{position:fixed;left:50px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#00c3ff66,#a70d2466,#7ad7ea66);border-radius:3px;box-shadow:0 0 15px #00c3ff80;pointer-events:none;z-index:2}.line-numbers{position:fixed;left:15px;top:0;color:#00c3ff66;font-family:Space Grotesk,monospace;font-size:13px;font-weight:400;line-height:28px;white-space:pre;pointer-events:none;z-index:3;text-shadow:0 0 5px rgba(0,195,255,.3);display:block}.line-numbers:before{content:"01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35"}::-webkit-scrollbar{width:10px;height:10px;background:#0a0c0f}::-webkit-scrollbar-track{background:#0a0c0fe6;border-left:1px solid rgba(0,195,255,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00c3ffcc,#a70d24cc,#c01240cc);border-radius:10px;border:2px solid #0a0c0f;box-shadow:0 0 15px #00c3ff80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00c3ff,#a70d24,#7ad7ea);box-shadow:0 0 20px #00c3ffcc}::-webkit-scrollbar-corner{background:#0a0c0f}*{scrollbar-width:thin;scrollbar-color:rgba(0,195,255,.8) #0a0c0f}.floating-code{position:fixed;bottom:30px;right:30px;color:#00c3ff26;font-family:Space Grotesk,monospace;font-size:13px;line-height:1.8;text-align:right;pointer-events:none;z-index:3;animation:breathe 8s ease infinite;white-space:pre;text-shadow:0 0 8px rgba(0,195,255,.2)}.floating-code:before{content:'// built with passion\a\a function create() {\a   return "extraordinary";\a}\a\a<FeezaKulsoom />\a\a✨ 2026 ✨'}@keyframes breathe{0%,to{opacity:.15}50%{opacity:.4}}@media(max-width:1024px)and (min-width:751px){.line-numbers:before{content:"01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25"}.line-numbers{left:12px;font-size:12px;line-height:26px}.vertical-line{left:40px}}@media(max-width:750px){.line-numbers{display:none}.mobile-line-numbers{position:fixed;left:5px;top:0;color:#00c3ff4d;font-family:Space Grotesk,monospace;font-size:10px;line-height:24px;white-space:pre;pointer-events:none;z-index:3;display:block}.mobile-line-numbers:before{content:"01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15"}.vertical-line{left:20px;width:2px;background:linear-gradient(to bottom,#00c3ff4d,#a70d244d,#7ad7ea4d)}.floating-code{display:none}body{background-image:repeating-linear-gradient(0deg,rgba(0,195,255,.06) 0px,rgba(0,195,255,.06) 1px,transparent 1px,transparent 24px);background-size:100% 24px}::-webkit-scrollbar{width:6px;height:6px}}@media(max-width:480px){.mobile-line-numbers:before{content:"01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10"}.vertical-line{left:15px}}#about{width:100%;height:100%;display:flex;overflow:hidden}.leftAbout{width:50%;height:100vh;margin-left:60px;display:flex;align-items:center;justify-content:center;gap:40px;z-index:5}.circle-line{display:flex;align-items:center;justify-content:center;flex-direction:column}.circle{width:60px;height:60px;border-radius:50%;background-color:#7ad7ea;box-shadow:2px 2px 17px #7ad7ea}.line{width:2px;height:120px;background-color:#f0f8ff}.aboutDetails{display:flex;flex-direction:column;gap:40px;padding:20px}.aboutDetails ul{list-style:none}.aboutDetails h1{background:linear-gradient(to right,#a70d24,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.aboutDetails ul li{color:#fff}.aboutDetails ul li span{color:#7ad7ea}.rightAbout{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px}@media screen and (max-width:750px){#about{flex-direction:column}.leftAbout{width:100%;padding:10%;margin-left:0}.rightAbout{width:100%}}.card{width:90%;max-width:400px;height:150px;background-color:#141a1f;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:2px 2px 10px #000,2px 2px 20px #000;border-radius:10px;transition:all .2s;cursor:pointer;flex-shrink:0;padding:10px}.card:hover{box-shadow:2px 2px 10px #1eb8d0,2px 2px 20px #1eb8d0}.hoverCard img{height:80%;filter:drop-shadow(2px 2px 10px black)}.hoverCard{width:100%;height:100%;background:linear-gradient(to top,#58cce372,#0000005b);position:absolute;bottom:0;transform:translateY(100%);transition:all .5s;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.card:hover .hoverCard{transform:translateY(0)}.card h1{background:linear-gradient(to right,#00c3ff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}#contact{display:flex;width:100%;height:100%;overflow:hidden}.leftContact{width:50%;height:100vh;display:flex;align-items:center;justify-content:center}.leftContact img{width:50%;filter:drop-shadow(2px 2px 10px rgb(29,185,202))}.rightContact{width:50%;height:100vh;display:flex;align-items:center;justify-content:center}form{width:80%;height:70%;background-color:#13191d;box-shadow:2px 2px 10px #000,2px 2px 10px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;gap:20px;padding:15px}form:hover{box-shadow:2px 2px 10px #1db9ca}form input{width:80%;height:50px;outline:none;border:2px solid rgb(29,185,202);padding:20px;border-radius:20px}#textarea{width:80%;height:200px;outline:none;border:2px solid rgb(29,185,202);padding:20px;border-radius:20px}#btn{width:90px;height:50px;background-color:#1db9ca;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s;cursor:pointer}#btn:hover{background-color:transparent;color:#00c3ff}@media(max-width:750px){#contact{flex-direction:column}.leftContact{width:100%;height:50vh}.rightContact{width:100%}.leftContact img{width:70%}form{padding:2px}}#home{width:100%;height:100vh;display:flex;overflow:hidden;background-color:#0a0c0f}.leftHome{width:50%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;padding:0 60px}.homeDetails{font-size:2vmax;max-width:600px;width:100%;padding:0 15px}.line1{font-size:.8em;color:#e0e0e0}.line2{font-size:2.5em;background:linear-gradient(to right,#00c3ff,#fff);background-clip:text;-webkit-background-clip:text;color:transparent}.line3{font-size:1em;color:#00c3ff;min-height:2em}.homeDetails .btn{padding:10px 20px;background-color:#00c3ff;color:#000;border:2px solid #00c3ff;border-radius:20px;margin-top:30px;font-size:19px;font-weight:600;transition:all .3s ease;cursor:pointer}.homeDetails .btn:hover{background-color:transparent;color:#00c3ff}.homeDetails .btn:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.rightHome{width:50%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0 20px}.rightHome img{width:60%;filter:drop-shadow(2px 2px 20px rgba(0,195,255,.3));object-fit:contain}@media(max-width:750px){#home{flex-direction:column-reverse;height:auto;min-height:100vh;padding:0}.leftHome{width:100%;height:auto;min-height:50vh;padding:30px 20px!important;margin:0}.rightHome{width:100%;height:auto;min-height:40vh;padding:20px!important;align-items:center}.homeDetails{font-size:2.5rem;padding:0 15px!important;margin:0 auto;text-align:center}.line2{font-size:2.2rem}.rightHome img{width:60%;max-width:280px}}@media(max-width:480px){.leftHome{padding:20px 15px!important}.homeDetails{padding:0 10px!important;font-size:2rem}.line2{font-size:1.8rem}.btn{padding:8px 18px;font-size:16px}}nav{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;height:80px;position:fixed;top:0;z-index:20;background-color:#111417}nav ul a{cursor:pointer}nav ul a:hover{color:#00c3ff;border-bottom:2px solid white}.active{color:#00c3ff;border-bottom:2px solid white}nav ul{display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;list-style:none}nav h1{font-size:30px;background:linear-gradient(to right,#00c3ff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;display:none;cursor:pointer}.ham{width:40px;height:2px;background-color:#f0f8ff;transition:all .5s ease-in-out}.activeHam .ham:nth-child(1){transform:rotate(45deg);position:relative;top:10px}.activeHam .ham:nth-child(2){opacity:0}.activeHam .ham:nth-child(3){transform:rotate(-45deg);position:relative;top:-10px}.mobileMenu{display:none;position:absolute;top:80px;right:0;background-color:#11141779;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100vh;transform:translate(100%);flex-direction:column;transition:all .5s ease-in-out;gap:50px}.activeMobile{transform:translate(0)}@media(max-width:750px){.hamburger{display:flex}.desktopMenu{display:none}.mobileMenu{display:flex}}#projects{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;overflow:hidden}.slider{width:80%;height:300px;display:flex;align-items:center;overflow-y:hidden;overflow-x:scroll;gap:30px;padding:20px;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}#projects-title{background:linear-gradient(to right,#eb1644,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4vmax;text-align:center}