*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg-color);color:var(--text-color);scrollbar-width:none;-ms-overflow-style:none;margin:0;padding-top:25px;font-family:DM Sans,sans-serif;line-height:1.5;overflow-x:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}@media (max-width:768px){body{padding-top:20px}}:root{--bg-color:#000114;--text-color:#fff;--card-bg:#000114;--btn-bg:#000114;--btn-text:#f7f5fa;--cursor-color:#ebf440;--bg:#000114;--glow-tl:#00b4aa38;--glow-tr:#b428a047;--glow-br:#323cc847;--glow-bl:#b41e3233;--glow-hero:#5a1ea059;--nav-bg:#000114;--vh:1vh}[data-theme=dark]{--bg-color:#0a0a0a;--text-color:#fff;--card-bg:#111;--btn-bg:#111;--btn-text:#fff;--bg:#111;--glow-tl:#00b4aa40;--glow-tr:#b428a052;--glow-br:#323cc852;--glow-bl:#b41e3238;--glow-hero:#5a1ea066;--nav-bg:#0a0a0a}body:before{content:"";z-index:0;pointer-events:none;background:0 0;position:fixed;inset:0}.navbar,.header,.container,.projects,.tech-stack,.premium-footer,#categoryButtons,.bubble-container{z-index:1;position:relative}.floating-contact-wrapper{bottom:30px;right:20px;z-index:10000!important;position:fixed!important}.floating-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}@media (max-width:768px){.floating-contact-wrapper{bottom:95px!important;right:20px!important}.floating-btn{width:64px!important;height:64px!important}}.container{text-align:center;max-width:800px;margin:auto;padding:0 16px}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);z-index:500;justify-content:center;align-items:center;width:100%;max-width:1400px;padding:12px 30px;display:flex;position:fixed;top:0;left:0}.nav-links{gap:35px;display:flex}.nav-links a{color:var(--text-color);font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a.active{color:#ff0080;font-weight:600}@media (max-width:768px){.navbar{height:55px;padding:10px 30px}.nav-links{gap:20px;margin:0 auto}.nav-links a{font-size:1.1rem;font-weight:500}.theme-toggle{font-size:1.15rem;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.header{text-align:center;grid-template-columns:1fr;gap:20px;margin-top:5px}.header-left{text-align:center;align-items:center}.header-left h1,.header-left h2{font-size:2.2rem}.header-left pre{white-space:pre-wrap;font-size:.9rem}.badges img{width:auto;height:60px}.filter-btn{padding:12px 20px;font-size:14px}.project-link{width:100%;max-width:250px;padding:12px 24px}.projects{gap:15px;padding:20px 10px}.project{width:100%;min-width:unset;-webkit-backdrop-filter:blur(4px);max-width:235px}.navbar{-webkit-backdrop-filter:blur(6px)}.glow-on-hover:before{filter:blur(2px)!important;opacity:.5!important;animation:none!important}body:before{filter:none;background:0 0}}.theme-toggle{color:var(--text-color);cursor:pointer;z-index:1000;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.theme-toggle:hover{background:#ffffff14;transform:translateY(-50%)scale(1.1)}.theme-toggle:active{transform:translateY(-50%)scale(.95)}.header{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;min-height:200px;margin-top:10px;padding-top:0;display:grid}.header-left{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.header-left h1{margin-bottom:10px;font-size:3rem;font-weight:700}.header-left h1 span{color:#32cd32}.header-left p,.header-left .skills{color:#ccc;margin:5px 0;font-size:1.2rem}.badges{margin-top:30px}.badges img{width:auto;max-width:100%;height:75px}.header-right{text-align:center;flex-direction:column;align-items:center;gap:30px;padding-top:20px;padding-bottom:20px;display:flex}.profile-img{object-fit:cover;aspect-ratio:1;border-radius:50%;width:150px;min-width:150px;height:150px;min-height:150px;box-shadow:0 0 25px #00f0ffcc}.glow-on-hover{width:180px;height:50px;color:var(--btn-text);background:var(--btn-bg);cursor:pointer;z-index:0;border:none;border-radius:12px;outline:none;margin-bottom:30px;font-size:1rem;font-weight:600;position:relative}.glow-on-hover:before{content:"";filter:blur(4px);z-index:-1;opacity:.8;background:linear-gradient(90deg,#7928ca,#ff0080,#0b6bcb,#7928ca) 0 0/300% 100%;border-radius:14px;width:calc(100% + 5px);height:calc(100% + 5px);animation:4s linear infinite glowingAnimation;position:absolute;top:-2.5px;left:-2.5px}.glow-on-hover:after{content:"";background:var(--bg-color);z-index:-1;border-radius:12px;position:absolute;inset:0}@keyframes glowingAnimation{0%{background-position:0%}to{background-position:100%}}.bn632-hover{text-align:center;color:#fff;cursor:pointer;background-size:300% 100%;border:none;border-radius:50px;width:60%;height:40px;margin:20px;font-size:13px;font-weight:600;transition:all .4s ease-in-out}.bn632-hover:hover{background-position:100% 0}.project-link{cursor:pointer;color:#fff;background:linear-gradient(90deg,#7928ca,#ff0080);border:none;border-radius:25px;justify-content:center;align-items:center;gap:10px;min-width:100px;min-height:44px;margin-top:10px;padding:10px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.project-link:hover{color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #ff008066}.project-link:active{transform:translateY(-1px)}.project-link.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.bn632-hover.bn23{cursor:pointer;color:#fff;background:linear-gradient(90deg,#7928ca,#ff0080);border:none;border-radius:25px;padding:10px 22px;font-weight:200;transition:all .3s}.bn632-hover.bn23:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff00804d}.projects{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:25px;max-width:1100px;margin:10px auto;padding:30px 16px 10px;display:flex}.project{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;width:235px;min-width:235px;max-width:235px;min-height:300px;padding:18px 20px 20px;transition:transform .3s,opacity .3s;display:flex}.project-image-container{background:0 0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.project img{object-fit:contain;z-index:2;border-radius:10px;width:100%;height:100%;transition:opacity .4s;position:relative}.project h3{color:#fff;overflow-wrap:break-word;text-align:center;justify-content:center;align-items:center;min-height:52px;margin-bottom:12px;font-size:.95rem;font-weight:600;line-height:1.4;display:flex}.project-link{color:#fff;background:linear-gradient(90deg,#7928ca,#ff0080);border-radius:20px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.project:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 6px 20px #ff00804d}.more-projects-container{justify-content:center;width:100%;margin-top:15px;display:flex}.more-projects-text{color:#fff9;align-items:center;gap:4px;font-size:.8rem;font-style:italic;font-weight:400;text-decoration:none;transition:color .3s,transform .3s;display:flex}.dots-container{gap:1px;display:flex}.dot{opacity:.3;animation:1.4s linear infinite dotFlash}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotFlash{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}.more-projects-text:hover{color:#ff0080;transform:translate(5px)}.more-projects-text:hover .dot{opacity:1;animation-play-state:paused}.project:hover .open-icon{color:#ff0080;transform:translate(2px,-2px)}.typing-wrapper{align-items:center;display:flex}.sec-text{color:#ff0080;border-right:2px solid #fff;padding-right:6px;font-weight:700;animation:.7s infinite blinkCursor}@keyframes blinkCursor{0%,to{border-color:#0000}50%{border-color:#f1e909}}.loader-wrapper{z-index:999999;background:#000114;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.triple-loader{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.loader-ring{border:6px solid #ffffff0d;border-radius:50%;animation:1.5s cubic-bezier(.5,0,.5,1) infinite loader-spin;position:absolute}.loader-ring.outer{border-top-color:#5ab693;border-right-color:#5ab693;width:100px;height:100px;animation-duration:2s}.loader-ring.middle{border-top-color:#db6a4f;border-right-color:#db6a4f;width:70px;height:70px;animation-duration:1.5s;animation-direction:reverse}.loader-ring.inner{border-top-color:#4c8bf5;border-right-color:#4c8bf5;width:40px;height:40px;animation-duration:1s}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-loading>:not(.loader-wrapper){opacity:0!important;visibility:hidden!important;pointer-events:none!important}.loader-wrapper.fade-out{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}.fade-out{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.95)}.delay-1{animation:.6s .1s both fadeSlideIn}.delay-2{animation:.6s .2s both fadeSlideIn}.delay-3{animation:.6s .3s both fadeSlideIn}.delay-4{animation:.6s .4s both fadeSlideIn}.delay-5{animation:.6s .5s both fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bubble,.wave,.glow-on-hover:before,.sec-text{animation:none!important}.transition,.project,.filter-btn,.icon-wrapper{transition-duration:.1ms!important}}.wave{transform-origin:70% 70%;cursor:default;animation:2.5s infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.wave:hover{animation:.8s infinite wave}.title{color:#fff;margin-bottom:40px;font-size:1.5rem;font-weight:300}#categoryButtons{flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0;padding:0 12px;display:flex}.filter-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:25px;min-height:40px;padding:9px 16px;font-size:13px;transition:background .3s,transform .2s}.filter-btn:hover{background:#ffffff2e}.filter-btn.active{color:#fff;background:linear-gradient(90deg,#7928ca,#ff0080);border:none;transform:scale(1.05)}.tech-stack{flex-wrap:wrap;justify-content:center;gap:24px;padding:0 8px 40px;display:flex}.tech-item{will-change:transform;flex-direction:column;align-items:center;animation:4s ease-in-out infinite float;display:flex}.icon-wrapper{background:#ffffff0d;border-radius:16px;padding:15px;transition:transform .4s,box-shadow .4s,background .4s}.icon-wrapper:hover{background:radial-gradient(circle,#38bdf833,#38bdf80d);transform:scale(1.15)rotate(3deg);box-shadow:0 0 20px #38bdf899,0 0 40px #38bdf84d}.tech-icon{width:40px;height:30px}.tech-item p{margin-top:10px;font-size:.85rem;font-weight:500;transition:color .3s}.tech-item:hover p{color:#ff0080}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.projects-page{min-height:100vh;padding-top:20px}.no-projects{text-align:center;color:#ffffff80;grid-column:1/-1;padding:40px 20px;font-size:1rem;font-style:italic}.btn-content{align-items:center;gap:8px;display:inline-flex}.github-circle{border-radius:50%;justify-content:center;align-items:center;display:flex}.github-circle .icon{color:#f1eef3;font-size:16px}@media (pointer:fine){html,body{cursor:none}a,button,[role=button],.filter-btn,.project-link,.floating-btn,.theme-toggle,.close-btn{cursor:none!important}}.figma-cursor-label{pointer-events:none;font-family:inherit}.projects{content-visibility:auto;contain-intrinsic-size:0 400px}@media (max-width:768px){.container{padding:0 16px}.header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;margin-top:60px;padding:0 20px;display:flex}.header-right{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.header-left{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.profile-img{width:130px;min-width:130px;height:130px;min-height:130px}.glow-on-hover{width:160px;height:44px;margin-bottom:0;font-size:.95rem}.header-left h2{font-size:1.5rem;line-height:1.3}.header-left pre{white-space:normal;word-break:break-word;color:#ccc;font-family:inherit;font-size:.85rem;line-height:1.6}.badges{margin-top:16px}.badges img{height:56px}.title{margin-top:32px;margin-bottom:16px;font-size:1.15rem}#categoryButtons{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:16px 0;padding:0 10px;display:flex;overflow-x:hidden}#categoryButtons::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;min-height:38px;padding:8px 16px;font-size:13px;transform:none!important}.filter-btn.active{box-shadow:0 0 14px #ff00808c;transform:none!important}.tech-stack{flex-wrap:wrap;justify-content:center;gap:20px;padding:0 10px 40px;display:flex}.tech-item{flex-direction:column;align-items:center;width:calc(33.33% - 20px);min-width:80px;display:flex}.tech-item p{margin-top:8px;font-size:.65rem}.icon-wrapper{justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;padding:10px;display:flex}.tech-icon{object-fit:cover;width:30px;height:30px}.tech-item p{font-size:.7rem}.projects{flex-direction:column;align-items:center;gap:32px;padding:24px 32px;display:flex}.project{width:100%;max-width:100%;min-height:320px;padding:20px}.project img{object-fit:contain;border-radius:10px;height:140px;margin-bottom:18px}.project h3{text-align:center;justify-content:center;align-items:center;min-height:52px;margin-bottom:16px;font-size:1.15rem;display:flex}.project-link{width:100%;margin-top:auto;padding:13px 0;font-size:1rem}}.hero-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding-top:30px;display:flex}.contact-form-container{width:100%}.contact-form{background:0 0;flex-direction:column;gap:10px;padding:0;display:flex}.contact-input,.contact-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:all .2s}.contact-input:focus,.contact-textarea:focus{background:#ffffff14;border-color:#3b82f6}.contact-textarea{resize:none;height:70px}.contact-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.contact-submit:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.floating-contact-wrapper{z-index:9999;position:fixed;bottom:85px;right:30px}.floating-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.floating-btn:hover{transform:scale(1.1);box-shadow:0 10px 30px #db277799}.floating-btn.active{transform:scale(.9)rotate(90deg);box-shadow:0 5px 15px #0000004d}.contact-popup{opacity:0;visibility:hidden;background:#11111a;border:1px solid #ffffff1a;border-radius:20px;width:200px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:80px;right:0;overflow:visible;transform:translateY(20px)scale(.95);box-shadow:0 20px 50px #0009}.contact-popup.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.popup-header{justify-content:space-between;align-items:center;padding:15px 15px 10px;display:flex}.popup-header h3{background:linear-gradient(90deg,#fff,#bbb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.1rem;font-weight:700}.close-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#ffffff1a}.popup-body{padding:0 10px 15px}@media (max-width:480px){.floating-contact-wrapper{bottom:85px;right:16px}.floating-btn{width:60px!important;height:60px!important}}@media (max-width:768px){.header{margin-top:0!important;padding-top:10px!important}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (max-width:768px){.theme-toggle{z-index:10000!important;-webkit-backdrop-filter:blur(8px)!important;background:#ffffff0d!important;border-radius:50%!important;width:42px!important;height:42px!important;font-size:1.25rem!important;position:fixed!important;inset:10px 15px auto auto!important;transform:none!important}}