.all-projects-container{max-width:1200px;margin:0 auto;padding:100px 24px}.active-project-showcase{z-index:1000;grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid;position:relative}.project-detail-title{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:700}.project-detail-desc{color:#cbd5e1;margin-bottom:32px;font-size:1rem;line-height:1.6}.project-links-box{gap:24px;margin-bottom:40px;display:flex}.repo-link{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.dot-icon{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.tech-section h3,.features-section h3{color:#fff;margin:0 0 16px;font-size:1.15rem;font-weight:600}.tech-tags-grid{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.tech-tag{background:var(--bg-card3);border:var(--border-card);color:#cbd5e1;border-radius:8px;padding:8px 16px;font-size:.85rem}.features-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.features-list li{color:#cbd5e1;padding-left:20px;font-size:.95rem;position:relative}.features-list li:before{content:"•";color:var(--accent);position:absolute;left:0}.mockup-wrapper{background:var(--bg-card);border:var(--border-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:16px;position:relative;overflow:hidden}.mockup-img{object-position:top;object-fit:contain;border-radius:12px;width:100%;max-height:750px;display:block}.gallery-nav-btn{color:#fff;cursor:pointer;z-index:5;background:#0000001a;border:none;justify-content:center;align-items:center;width:48px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:16px;bottom:16px}.gallery-nav-btn:hover{background:#00f2fe1a}.gallery-nav-btn.prev{border-radius:12px 0 0 12px;left:16px}.gallery-nav-btn.next{border-radius:0 12px 12px 0;right:16px}.screenshots-gallery{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.screenshot-thumb{background:var(--bg-card2);border:var(--border-card);cursor:pointer;aspect-ratio:16/10;border-radius:12px;padding:4px;overflow:hidden}.screenshot-thumb img{object-fit:cover;opacity:.6;object-position:top;border-radius:8px;width:100%;height:100%;transition:opacity .3s}.screenshot-thumb:hover img,.screenshot-thumb.active img{opacity:1}.screenshot-thumb.active{border-color:var(--accent)}.section-divider{border:none;border-top:1px solid #ffffff1a;margin:64px 0}.other-projects-heading{color:#fff;margin-bottom:32px;font-size:1.75rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.project-card{background:var(--bg-card2);border:var(--border-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;overflow:hidden}.img-wrapper{width:100%;height:200px;overflow:hidden}.img-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project-card:hover .img-wrapper img{transform:scale(1.05)}.project-info{padding:25px}.project-info h3{color:#fff;margin:0 0 12px}.project-info p{color:#cbd5e1;margin-bottom:20px;font-size:.9rem}.project-card-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#111827;cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-weight:600;transition:transform .2s}.project-card-btn:hover{transform:scale(1.03)}@media (width<=900px){.active-project-showcase{grid-template-columns:1fr}}@media (width<=640px){.screenshots-gallery{grid-template-columns:repeat(2,1fr)}}:root{--bg-light:#34426b;--bg-gradient-top:linear-gradient(#272c4c, #32395ba0 70%);--bg-gradient-topLoader:linear-gradient(#16192b, #161926 70%);--bg-gradient-second:linear-gradient(#32395ba0 1%, var(--bg-light));--bg-card:#bbbbbb1a;--border-card:1px solid #ffffff0f;--border-card2:1px solid #ffffff0f;--bg-card3:#1c1c1ccc;--nebula:radial-gradient(circle, #ae6e2e4d 0%, #d6053633 50%, transparent 80%);--accent:#f97316;--accent2:#c35d15;--upper-icon-bg:#d069311a;--text-gradient:linear-gradient(to right, #f59e0b, #fbbf24);--grey-text-light:#fff6;--grey-text-strong:#fffc;--orbit-center:radial-gradient(circle, #22d3eecc 0%, #818cf84d 30%, #a78bfa1a 60%, #7c3aed00 100%);--pulse:radial-gradient(circle, #34d399cc 0%, #6366f14d 25%, #34d39914 55%, #7c3aed00 100%);--text-primary:#fff;--text-secondary:#a0a0a0;--button-gradient:linear-gradient(135deg, #ea580c 0%, #b91c1c 100%);--button-gradient-hover:#b91c1c73;--button-gradient-shadow:#b91c1c40;--cube-border-normal:#22d3eeb3;--cube-bg-normal:#0a1128f2;--cube-shadow-normal:inset 0 0 12px #22d3ee66, 0 10px 25px #000000b3, 0 0 30px #06b6d44d;--cube-border-flash:#fffffff2;--cube-bg-flash:#06b6d4f2;--cube-shadow-flash:inset 0 0 20px #fffc, 0 4px 30px #22d3eecc, 0 0 40px #22d3ee99}.dark-theme{--bg-light:#1c1a27;--bg-gradient-top:linear-gradient(#160e20, #141026 70%);--bg-gradient-topLoader:linear-gradient(#160e20, #141026 70%);--bg-gradient-second:linear-gradient(#141026 1%, var(--bg-light));--text-gradient:linear-gradient(135deg, #136dbc 40%, #6b21a8 100%);--button-gradient:linear-gradient(135deg, #136dbc 40%, #6b21a8 100%);--button-gradient-hover:#2f8bdc73;--button-gradient-shadow:#2f8bdc40;--nebula:radial-gradient(circle, #1b0938b8 0%, #112d4c80 50%, transparent 80%);--bg-card:#0009;--border-card:1px solid #ffffff1a;--border-card2:1px solid #ffffff1a;--bg-card3:#0f0f0fe6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent:#00f2fe;--accent2:#00868d;--upper-icon-bg:#3154d01a;--cube-border-normal:#00f2fef2;--cube-bg-normal:#140a2dfa;--cube-shadow-normal:inset 0 0 20px #00f2fecc, 0 15px 35px #000000e6, 0 0 50px #00bef099;--cube-border-flash:#fffffffa;--cube-bg-flash:#00f2fefa;--cube-shadow-flash:inset 0 0 30px #ffffffe6, 0 5px 40px #00f2fe, 0 0 60px #00f2fecc}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}body.no-scroll{height:100vh;overflow:hidden}main>*{padding:0 12%}.space-container{width:100%;min-height:100vh;position:relative}.content-layer{z-index:10;width:100%;position:relative}.space-scene{z-index:1;perspective:1200px;perspective-origin:50%;pointer-events:none;position:fixed;inset:0}.space-scene:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle,#0000 0%,#05050f1a 100%);transition:background .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.grid-layer{transform-style:preserve-3d;background-image:radial-gradient(circle at 50% 20%,#b59c5a1a 0%,#0000 60%);transition:background-image .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:-30%;transform:rotateX(25deg)}.stars-layer{transform-style:preserve-3d;background-image:radial-gradient(circle,#fff 1.5px,#0000 1.5px),radial-gradient(circle,#ffffffd9 1.2px,#0000 1.2px),radial-gradient(circle,#a78bfa99 2.5px,#0000 2.5px);background-position:0 0,70px 40px,120px 180px;background-size:220px 220px,340px 340px,280px 280px;transition:background-image .8s cubic-bezier(.4,0,.2,1);animation:180s linear infinite cosmicOrbit;position:absolute;inset:-60%}@keyframes cosmicOrbit{0%{opacity:.4;transform:rotateX(50deg)rotateY(-15deg)rotate(0)translateZ(-400px)scale(.65)}25%{opacity:.6;transform:rotateX(50deg)rotateY(-15deg)rotate(90deg)translateZ(-150px)scale(.85)}50%{opacity:.8;transform:rotateX(50deg)rotateY(-15deg)rotate(180deg)translateZ(250px)scale(1.35)}75%{opacity:.6;transform:rotateX(50deg)rotateY(-15deg)rotate(270deg)translateZ(-150px)scale(.85)}to{opacity:.4;transform:rotateX(50deg)rotateY(-15deg)rotate(360deg)translateZ(-400px)scale(.65)}}.nebula{background:var(--nebula);filter:blur(100px);pointer-events:none;z-index:1;width:100%;max-width:1600px;height:650px;transition:background .8s cubic-bezier(.4,0,.2,1),filter .8s;position:absolute;top:-200px;left:50%;transform:translate(-50%)}button.main-styled{color:#fff;cursor:pointer;border:none;border-radius:8px;outline:none;padding:12px 28px;font-size:.85rem;font-weight:600;transition:all 75ms linear}button{cursor:pointer;z-index:1;border:none;border-radius:12px;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}button.main-styled{background:var(--button-gradient);box-shadow:0 4px 15px var(--button-gradient-shadow);color:#fff;padding:12px 28px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,filter .4s}button.main-styled:hover{box-shadow:0 8px 30px var(--button-gradient-hover);filter:brightness(110%);transform:translateY(-2px)scale(1.03)}button.main-styled:after{content:"";z-index:-1;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:20%;height:200%;transition:left .6s cubic-bezier(.19,1,.22,1);position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}button.main-styled:hover:after{left:140%}.reveal-section{opacity:0;transition:transform 1.2s cubic-bezier(.25,1,.5,1),opacity 1.2s;transform:translateY(50px)}.reveal-section.animate-reveal{opacity:1;transform:translateY(0)}.about-section{background:var(--bg-gradient-second);box-sizing:border-box;justify-content:center;align-items:center;max-width:100vw;padding:80px 20px;display:flex;overflow:hidden}.about-container{grid-template-columns:40% 60%;align-items:flex-start;gap:50px;width:100%;max-width:1200px;display:grid}.left-column{flex-direction:column;gap:40px;width:100%;display:flex;position:sticky;top:40px}.about-content{padding-left:10px}.about-title{text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:8px;font-size:1.1rem}.profile-header h3{margin:0;font-size:3.2rem;font-weight:800}.profile-tag{align-items:center;gap:10px;display:flex}.profile-tagline{color:var(--grey-text-light);margin:6px 0 25px;font-size:1.1rem}.profile-description{color:var(--grey-text-strong);margin-bottom:35px;font-size:1.05rem;line-height:1.6}.info-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:45px;display:grid}.info-item{background:var(--bg-card);border:var(--border-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.info-icon{color:var(--accent);font-size:1.4rem}.info-label{color:var(--grey-text-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.75rem;display:block}.info-value{color:#ffffffe6;font-size:.95rem;font-weight:600;display:block}.education-section{margin-top:20px}.education-title{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:12px;font-size:1.3rem;display:flex}.education-title svg{color:var(--accent)}.timeline{border-left:2px solid #ffffff14;margin-left:10px;padding-left:30px;position:relative}.timeline-item{margin-bottom:35px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:#252e49;border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-37px}.timeline-item.active .timeline-dot{background:var(--accent);border-color:var(--accent2);box-shadow:0 0 12px var(--accent)}.timeline-date{color:var(--accent);margin-bottom:6px;font-size:.85rem;font-weight:600}.timeline-item:not(.active) .timeline-date{color:#fff6}.timeline-content h5{margin:0 0 4px;font-size:1.25rem;font-weight:700}.timeline-content h6{color:var(--grey-text-strong);margin:0 0 4px;font-size:1rem;font-weight:500}.timeline-content p{color:var(--grey-text-strong);margin:0;font-size:.95rem}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b1ae6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.lightbox-overlay img{border:1px solid #ffffff1a;border-radius:8px;width:auto;max-width:90%;height:auto;max-height:85vh;box-shadow:0 0 40px #000c}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .2s;position:absolute;top:25px;right:25px}.lightbox-close:hover{color:var(--accent)}.about-section .personal-info{justify-content:center;align-items:center;width:100%;display:flex}.about-section .frame{aspect-ratio:1;width:100%;max-width:360px;filter:drop-shadow(0 0 3px var(--accent));border-radius:50%;animation:6s ease-in-out infinite levitate;position:relative;overflow:hidden}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.shine-overlay{z-index:10;opacity:0;background:linear-gradient(120deg,#0000 0%,#fff0 35%,#fff9 50%,#fff0 65%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(20deg)scale(2)}.shine-overlay.animate-shine{animation:.8s forwards swordShine}@keyframes swordShine{0%{opacity:0;transform:translate(-100%)rotate(20deg)scale(2)}10%{opacity:1}to{opacity:0;transform:translate(100%)rotate(20deg)scale(2)}}model-viewer{width:100%;height:100%;animation:15s ease-in-out infinite rotateOnLevitate}@keyframes rotateOnLevitate{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}.model-icon-slot{pointer-events:none;justify-content:center;align-items:center;width:32%;height:32%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.neon-user-icon{width:100%;height:100%;box-shadow:var(--button-gradient-shadow);color:var(--cyan);filter:drop-shadow(0 0 1px var(--accent));border-radius:50%;justify-content:center;align-items:center;font-size:3.5rem;display:flex}.certificates-section{width:100%;max-width:420px;margin:0 auto}.certificates-title{align-items:center;gap:10px;margin-bottom:15px;font-size:1.1rem;display:flex}.certificates-title svg{color:var(--accent)}.certificates-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.cert-card{background:var(--bg-card);border:var(--border-card);cursor:pointer;text-align:center;border-radius:8px;padding:10px;transition:all .3s}.cert-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cert-img-wrapper{background:#0003;border-radius:6px;width:100%;height:150px;margin-bottom:8px;overflow:hidden}.cert-img-wrapper img{object-fit:cover;object-position:top;width:100%;height:100%}.cert-card span{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}@media (width<=1024px){.profile-header h3{font-size:2.6rem}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.about-container{grid-template-columns:1fr;gap:40px}.left-column{align-items:center;gap:30px;position:relative;top:0}.about-section .frame{max-width:340px}.info-grid{grid-template-columns:1fr}.about-content{padding-left:0}}@media (width<=600px){.about-section{padding:50px 16px}.profile-header h3{font-size:2rem}.certificates-grid{grid-template-columns:1fr}.certificates-section{max-width:340px}.timeline{margin-left:5px;padding-left:20px}.timeline-dot{left:-27px}.timeline-content h5{font-size:1.1rem}}.contact-section{z-index:100;flex-direction:column;justify-content:center;align-items:center;padding:4em 0;display:flex;position:relative}@media (width>=768px){.contact-section{padding:7em 0}}.contact-container{z-index:10;box-sizing:border-box;grid-template-columns:1fr;gap:24px;width:100%;max-width:1200px;margin:1em 0;padding:0 20px;display:grid}@media (width>=992px){.contact-container{grid-template-columns:450px 1fr;align-items:stretch}}.contact-form-card{background:var(--bg-card3);border:var(--border-card2);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;height:100%;padding:30px 20px;display:flex}@media (width>=768px){.contact-form-card{padding:40px 30px}}.contact-form-card h2{color:#fff;margin:0 0 25px;font-size:1.75rem;font-weight:700}@media (width>=768px){.contact-form-card h2{margin:0 0 30px;font-size:2rem}}.contact-form{flex-direction:column;flex-grow:1;gap:20px;display:flex}.input-group:last-of-type{flex-grow:1;display:flex}.input-group textarea{resize:none;width:100%;height:100%;min-height:150px}.input-group input,.input-group textarea{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:16px;font-size:.95rem;transition:all .3s}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent2);background:#ffffff14}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--grey-text-light)}.contact-info-grid{grid-template-columns:1fr;gap:16px;height:100%;display:grid}@media (width>=480px){.contact-info-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=768px){.contact-info-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}}@media (width>=992px){.contact-info-grid{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,minmax(160px,1fr))}}.grid-card{background:var(--bg-card3);border:var(--border-card2);box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:20px;transition:all .3s;display:flex;overflow:hidden}.image-card{padding:0}.image-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.image-hide-mobile{display:none}@media (width>=768px){.image-hide-mobile{display:flex}}.title-card h3{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:700}@media (width>=768px){.title-card h3{font-size:1.6rem}}.info-card{flex-direction:column;gap:8px;display:flex}@media (width>=768px){.orange-icon{font-size:2rem}}.info-card .label{color:var(--grey-text-light);text-transform:uppercase;letter-spacing:1px;font-size:.82rem;font-weight:500}.info-card .value{color:var(--grey-text-strong);word-break:break-all;font-size:.9rem;font-weight:600}.status-message{text-align:center;border-radius:12px;margin-top:15px;padding:12px 16px;font-size:.9rem;font-weight:500;animation:.4s fadeIn}.status-message.success{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.status-message.error{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.main-footer{background:var(--bg-card3);box-sizing:border-box;z-index:100;border-top:1px solid #ffffff0d;width:100%;padding:40px 0 20px;position:relative}.footer-container{box-sizing:border-box;z-index:100;flex-direction:column;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand h3{color:#fff;margin:0 0 5px;font-size:1.4rem;font-weight:700}.footer-brand p{color:var(--grey-text-light);margin:0;font-size:.9rem}.footer-socials{gap:15px;display:flex}.social-link{border:var(--border-card);width:42px;height:42px;color:var(--grey-text-strong);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:var(--cyan);border-color:var(--cyan);background:#00f2fe0d;transform:translateY(-3px);box-shadow:0 0 10px #00f2fe33}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.copyright{color:var(--grey-text-light);margin:0;font-size:.85rem}.scroll-to-top{border:var(--border-card);color:var(--grey-text-strong);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.scroll-to-top:hover{background:var(--cyan);color:#0f0f14;border-color:var(--cyan);box-shadow:var(--box-shadow-cyan);transform:translateY(-2px)}@media (width<=600px){.main-footer{padding:30px 0 20px}.footer-container{gap:20px}.footer-top{text-align:center;flex-direction:column;gap:15px}.footer-brand h3{font-size:1.2rem}.social-link{width:38px;height:38px;font-size:1rem}.footer-bottom{text-align:center;flex-direction:column-reverse;gap:15px;padding-top:15px}.copyright{font-size:.8rem}}.hero-section{opacity:0;background:0 0;justify-content:center;align-items:center;min-height:100vh;transition:all 1s linear;display:flex;position:relative;overflow:hidden}.hero-section.fade-in{background:var(--bg-gradient-top);opacity:1}.hero-section>div{box-sizing:border-box;z-index:10;grid-template-columns:50% 50%;align-items:center;width:100%;max-width:1200px;height:max-content;min-height:100vh;padding:0 20px;display:grid}.hero-section .hero-left{opacity:0;transition:all 1s linear}.hero-section.fade-in .hero-left{opacity:1}.hero-section .upper-icon{background:var(--upper-icon-bg);color:var(--accent);border:1px solid var(--accent2);white-space:nowrap;border-radius:20px;width:min-content;margin-bottom:30px;padding:7px 20px;font-size:12px}.hero-section h1{font-size:3em;font-weight:1000;line-height:1.25em}.hero-section h1 span{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-section .desc{color:#c7c7c7;margin:30px 0;line-height:25px}.social-links{gap:20px;margin-top:30px;display:flex}.social-links a{color:var(--cube-border-normal);font-size:1.5rem;transition:color .3s,transform .3s}.social-links a:hover{transform:translateY(-3px)}.hero-orbit-container{perspective:1200px;width:360px;height:360px;transform-style:preserve-3d;justify-content:center;justify-self:end;align-items:center;display:flex}.orbit-line{z-index:2;border:1px solid #ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;transform:translateZ(0)}.orbit-center:after{content:"";background:var(--orbit-center);opacity:0;pointer-events:none;filter:blur(2px);border-radius:50%;width:40px;height:40px;position:absolute;transform:scale(.5)translateZ(-1px)}.center-pulse{background:var(--pulse);will-change:transform, opacity;border-radius:50%;width:40px;max-width:300px;height:40px;animation:6s cubic-bezier(.16,1,.3,1) infinite pulse;position:absolute;transform:translateZ(-2px)}.orbit-cube-wrapper{cursor:pointer;width:50px;height:50px;transform-style:preserve-3d;z-index:10;transition:transform .3s;animation:20s linear infinite orbit-cube-rotate,4s ease-in-out infinite cube-levitate;position:absolute}.orbit-cube-wrapper:hover,.orbit-cube-wrapper:hover~.orbit-center,.orbit-cube-wrapper:hover~.orbit-center .center-pulse{animation-play-state:paused}.orbit-cube-wrapper:hover~.orbit-center:after{animation:1.2s cubic-bezier(.1,.8,.3,1) forwards center-hover-burst}.cube-face{background:var(--cube-bg-normal);border:1px solid var(--cube-border-normal);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;width:50px;height:50px;box-shadow:var(--cube-shadow-normal);color:#fff;z-index:12;border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;transition:border-color .5s,box-shadow .5s,background-color .5s;animation:6s ease-in-out infinite cube-pulse-sync;display:flex;position:absolute}.orbit-cube-wrapper:hover .cube-face{border-color:var(--cube-border-flash)!important;background-color:var(--cube-bg-flash)!important;box-shadow:var(--cube-shadow-flash)!important;animation-play-state:paused!important}.orbit-cube-wrapper:hover .cube-face svg{transition:filter .3s,transform .3s;filter:drop-shadow(0 0 10px #fff)drop-shadow(0 0 5px #fef08a)!important}.cube-core{z-index:11;background:#0d0b21;border-radius:4px;width:48px;height:48px;position:absolute;top:1px;left:1px;transform:translateZ(0);box-shadow:0 0 15px #34d39933}.face-front{transform:rotateY(0)translateZ(25px)}.face-back{transform:rotateY(180deg)translateZ(25px)}.face-left{transform:rotateY(-90deg)translateZ(25px)}.face-right{transform:rotateY(90deg)translateZ(25px)}.face-top{transform:rotateX(90deg)translateZ(25px)}.face-bottom{transform:rotateX(-90deg)translateZ(25px)}@keyframes orbit-cube-rotate{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(720deg)rotate(360deg)}}@keyframes cube-levitate{0%,50%,to{margin-top:0}25%{margin-top:-20px}75%{margin-top:20px}}@keyframes pulse{0%{opacity:0;filter:blur(2px);transform:scale(.5)translateZ(-2px)}2%{opacity:.8}60%{filter:blur(6px)}to{opacity:0;filter:blur(16px);transform:scale(20)translateZ(-2px)}}@keyframes cube-pulse-sync{0%,30%{border-color:var(--cube-border-normal);background-color:var(--cube-bg-normal);box-shadow:var(--cube-shadow-normal)}7%{border-color:var(--cube-border-flash);background-color:var(--cube-bg-flash);box-shadow:var(--cube-shadow-flash)}}@keyframes center-hover-burst{0%{opacity:0;transform:scale(.5)translateZ(-1px)}10%{opacity:1}40%{filter:blur(4px)}to{opacity:0;filter:blur(12px);transform:scale(16)translateZ(-1px)}}@keyframes pulse-mobile{0%{opacity:0;filter:blur(2px);transform:scale(.5)}2%{opacity:.8}60%{filter:blur(6px)}to{opacity:0;filter:blur(16px);transform:scale(15)}}@media (width>=3000px){.hero-section,.hero-section>div{min-height:50vh}}@media (width<=968px){.hero-section{padding:0 10px}.hero-section>div{text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;gap:50px;padding:120px 0 60px}.hero-section .hero-left{flex-direction:column;align-items:center;display:flex}.hero-orbit-container{justify-self:center}}@media (width<=576px){.hero-section h1{font-size:2.2em}.hero-section .desc{font-size:14px;line-height:22px}.hero-orbit-container{width:300px;height:300px;transform:scale(.85)}}nav.navbar{color:#fefefe;z-index:900;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;opacity:1;background:#0f0f144d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:20px 12%;transition:background .3s;display:flex;position:fixed;top:0;left:0}.nav-left span{letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700}nav.navbar ul{align-items:center;gap:35px;margin:0;padding:0;list-style-type:none;display:flex}nav.navbar ul li a{color:#cbd5e1;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}nav.navbar ul li a:hover{color:var(--accent)}nav.navbar .nav-left{cursor:pointer}.hamburger{cursor:pointer;z-index:10000;flex-direction:column;gap:6px;display:none}.hamburger div{background-color:#fefefe;width:25px;height:2px;transition:all .3s}@media (width<=1400px){nav.navbar{padding:20px 4%}}@media (width<=768px){nav.navbar{padding:15px 20px}.hamburger{display:flex}.nav-right{-webkit-backdrop-filter:blur(20px);background:#0f0f18f2;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;width:70%;height:100vh;transition:right .4s cubic-bezier(.1,.8,.3,1);display:flex;position:fixed;top:0;right:-100%}.nav-right.active{right:0}nav.navbar ul{flex-direction:column;align-items:center;gap:40px}nav.navbar ul li a{font-size:1.3rem}.hamburger.toggle .line1{transform:rotate(-45deg)translate(-5px,6px)}.hamburger.toggle .line2{opacity:0}.hamburger.toggle .line3{transform:rotate(45deg)translate(-5px,-6px)}}.navbar.loading{opacity:0;transition:all .2s linear}.theme-toggle-btn{cursor:pointer;color:inherit;background:0 0;border-radius:4px;padding:6px 12px;font-size:.9rem;transition:background-color .3s}.theme-toggle-btn:hover{background-color:#ffffff1a}.projects-section{z-index:100;position:relative}.projects-section>div{text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.projects-section .top-section{justify-content:space-between;align-items:center;width:100%;margin:2em 0;display:flex}.skills-title{margin-bottom:0;font-size:2.5rem}.projects-grid{z-index:100;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;margin:0 auto;display:grid;position:relative}.project-card{background:var(--bg-card3);border:var(--border-card);-webkit-backdrop-filter:blur(10px);text-align:left;border-radius:12px;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 15px 35px var(--accent2);border-color:var(--accent);transform:translateY(-6px)}.project-thumb{background-color:#121224;border-bottom:1px solid #ffffff0d;width:100%;height:200px;overflow:hidden}.project-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-thumb img{transform:scale(1.01)}.project-content{flex-direction:column;flex-grow:1;padding:25px;display:flex}.project-title{color:#fff;margin:0 0 12px;font-size:1.4rem;font-weight:600}.project-description{color:#cbd5e1;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:0;width:100%;margin-bottom:25px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-actions{justify-content:flex-end;align-items:center;margin-top:auto;display:flex}.btn-placeholder{color:#64748b;font-size:.9rem;font-style:italic}.btn-details{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);color:#111827;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.btn-details:hover{box-shadow:0 6px 10px var(--accent);transform:scale(1.03)}.icon{font-size:1rem;transition:transform .2s}.btn-details:hover .icon{transform:translate(3px)}@media (width<=1240px){.projects-section{padding:0 20px}}@media (width<=992px){.skills-title{font-size:2rem}.projects-grid{gap:25px}}@media (width<=768px){.projects-section{padding:0 15px}.projects-section .top-section{margin:1.5em 0}.skills-title{font-size:1.8rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project-thumb{height:180px}.project-content{padding:20px}.project-title{margin-bottom:8px;font-size:1.2rem}.project-description{margin-bottom:20px;font-size:.9rem}}@media (width<=480px){.projects-section .top-section{text-align:center;flex-direction:column;align-items:center;gap:15px;margin:1em 0 2em}.skills-title{font-size:1.6rem}.projects-grid{grid-template-columns:1fr}.project-thumb{height:160px}}.skills-section{flex-direction:column;align-items:center;margin:7em 0;display:flex}.skills-title{text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:20px;font-size:1.1rem}.filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;display:flex}button.filter-option{cursor:pointer;border:1px solid var(--accent2);color:var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#252e4966;border-radius:50px;padding:10px 25px;font-weight:500;transition:all .3s}button.filter-option:hover{background:var(--upper-icon-bg);box-shadow:0 0 15px var(--accent2)}button.filter-option.active{background:var(--accent2);color:var(--text-primary);box-shadow:0 0 20px var(--accent2);border-color:var(--accent);font-weight:600}.skills-cloud{flex-wrap:wrap;justify-content:center;gap:15px;max-width:900px;margin:0 auto;padding:0 20px;display:flex}.skill-item{color:#1e293b;background:#f1f5f9;border:1px solid #fff;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.skill-icon{color:#475569;align-items:center;font-size:1.3rem;transition:all .3s;display:flex}.skill-item:hover{border-color:var(--accent);box-shadow:0 8px 20px var(--accent2);color:#000;background:#fff;transform:translateY(-3px)}.skill-item:hover .skill-icon{color:var(--accent);transform:scale(1.1)}@media (width<=768px){.skills-section{margin:4em 0;padding:0 15px}.filters{gap:10px;margin-bottom:30px}button.filter-option{padding:8px 18px;font-size:.95rem}.skills-cloud{gap:10px;padding:0}.skill-item{border-radius:10px;gap:8px;padding:10px 16px;font-size:.85rem}.skill-icon{font-size:1.15rem}}@media (width<=480px){.skills-section{margin:3em 0}.skills-title{letter-spacing:2px;font-size:1rem}.filters{gap:8px}button.filter-option{padding:6px 14px;font-size:.8rem}.skill-item{gap:6px;padding:8px 12px;font-size:.8rem}.skill-icon{font-size:1.05rem}}.welcome-loader .space-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.welcome-loader{opacity:1;background:var(--bg-gradient-topLoader);z-index:10000;justify-content:center;align-items:center;transition:opacity 1s linear,transform 1s linear;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-loader.fade-out{opacity:0;pointer-events:none;transform:scale(1.02)}.cyber-grid-bg{perspective:450px;width:100%;height:100%;position:absolute;inset:0}.grid-lines{z-index:1000;background-image:linear-gradient(90deg,#22d3ee0a 1px,#0000 1px),linear-gradient(#22d3ee0a 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;animation:12s linear infinite gridMove;position:absolute;inset:-50%;transform:rotateX(65deg)}.horizon-glow{z-index:2;pointer-events:none;background:radial-gradient(circle,#6b21a826 0%,#0f111a00 70%);position:absolute;inset:0}.welcome-loader .content{z-index:3;text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:0 20px;display:flex;position:relative}.content .header h1{color:var(--text-primary);letter-spacing:-.01em;opacity:0;margin-bottom:35px;font-size:3.2rem;font-weight:500;line-height:1.3;animation:1s forwards fadeInText}.content h1 span.styled{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;display:inline-block}.spinner-container{opacity:0;width:60px;height:60px;margin-bottom:25px;animation:1s .2s forwards fadeInText}.spinner-svg{border-radius:50%;width:100%;height:100%;animation:2s linear infinite rotateSpinner}.spinner-track{stroke:#ffffff08}.spinner-circle{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent));animation:1.5s ease-in-out infinite dashCircle}.content h2{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;opacity:0;margin:0;font-size:.85rem;font-weight:600;animation:1s .4s forwards fadeInText}@keyframes fadeInText{to{opacity:1}}@keyframes rotateSpinner{to{transform:rotate(360deg)}}@keyframes dashCircle{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 200px}}@media (width<=1024px){.content .header h1{font-size:2.6rem}}@media (width<=768px){.content .header h1{margin-bottom:25px;font-size:2rem}.spinner-container{width:50px;height:50px}}@media (width<=480px){.content .header h1{font-size:1.6rem;line-height:1.4}.content h2{letter-spacing:.15em;font-size:.75rem}}@media (height<=450px){.welcome-loader .content{padding-top:10px;padding-bottom:10px}.content .header h1{margin-bottom:15px;font-size:1.4rem}}