:root{--bg-dark:#02000a;--bg-elevated:#0a081f;--bg-card:#ffffff06;--bg-card-hover:#ffffff12;--primary:#6366f1;--primary-glow:#6366f173;--accent:#d946ef;--accent-glow:#d946ef73;--cyan:#06b6d4;--cyan-glow:#06b6d473;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff14;--nav-height:78px;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--surface:#ffffff04}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-title);letter-spacing:-.035em;font-weight:800}body:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background-image:radial-gradient(#ffffff09 .6px,#0000 0),radial-gradient(#ffffff05 .8px,#0000 0);background-position:0 0,1px 1px;background-size:3px 3px,5px 5px;position:fixed;inset:0}a{color:inherit;text-decoration:none;transition:all .3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(22px);border:1px solid var(--glass-border);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px -5px #00000073,inset 0 1px #ffffff0f}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.btn-primary,.btn-secondary{cursor:pointer;box-sizing:border-box;letter-spacing:-.01em;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.95rem;font-family:inherit;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 4px 22px 0 var(--primary-glow);z-index:1;border:none;position:relative;overflow:hidden}.btn-primary:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:50%;height:200%;transition:left .65s;position:absolute;top:-50%;left:-100%}.btn-primary:hover:after{left:250%}.btn-primary:hover{box-shadow:0 10px 28px 0 var(--accent-glow);transform:translateY(-3px)scale(1.005)}.btn-secondary{background:var(--surface);-webkit-backdrop-filter:blur(14px);color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#ffffff47;transform:translateY(-2.5px);box-shadow:0 10px 28px #00000040}section{padding:110px 0;position:relative}.snap-section+.snap-section:after{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);width:120px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);background:#1e1b4b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#312e81}.app-snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--bg-dark);-webkit-overflow-scrolling:touch;height:100dvh;position:relative;overflow-y:scroll}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;width:100%;min-height:100dvh;padding-top:var(--nav-height);flex-direction:column;justify-content:flex-start;padding-bottom:4.5rem;display:flex;position:relative;overflow:hidden}#projects.snap-section,#skills.snap-section,#about.snap-section,#contact.snap-section{padding-top:calc(var(--nav-height) + 1.5rem)}#hero.snap-section{justify-content:center;padding-top:0;padding-bottom:0}.snap-section+.snap-section{border-top:1px solid #ffffff0a}.snap-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0}.snap-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 40%,#0000 42%,#02000a8c 90%);position:absolute;inset:0}#hero.snap-section:after{background:radial-gradient(circle at 50% 48%,#0000 35%,#02000aa6 88%)}.bg-blob{filter:blur(150px);opacity:.18;pointer-events:none;z-index:0;border-radius:50%;width:480px;height:480px;transition:transform 1.4s;position:absolute}.bg-blob-1{background:radial-gradient(circle, var(--primary) 0%, transparent 78%);top:-12%;left:-14%}.bg-blob-2{background:radial-gradient(circle, var(--accent) 0%, transparent 78%);bottom:-8%;right:-12%}.bg-blob-3{background:radial-gradient(circle, var(--cyan) 0%, transparent 78%);top:18%;left:58%}.scroll-progress{background:linear-gradient(90deg, var(--primary), var(--accent), var(--cyan));transform-origin:0%;z-index:1001;height:3px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #6366f180}.nav-dots{z-index:1000;flex-direction:column;gap:1.5rem;display:flex;position:fixed;top:50%;right:2.5rem;transform:translateY(-50%)}.dot{cursor:pointer;background:#ffffff2e;border:1px solid #ffffff1a;border-radius:50%;width:9px;height:9px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.dot:hover{background:#ffffff8c;transform:scale(1.25)}.dot.active{background:var(--primary);box-shadow:0 0 0 4px #6366f126, 0 0 15px var(--primary-glow);border-color:#6366f199;transform:scale(1.45)}.dot-label{font-size:.8rem;font-family:var(--font-title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a14e6;border-radius:8px;padding:.4rem .8rem;transition:all .3s;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.dot:hover .dot-label{opacity:1;right:2.5rem}.navbar{height:var(--nav-height);z-index:1000;align-items:center;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--glass-border);background:#02000ab8;box-shadow:0 6px 28px #00000059}.nav-link{font-family:var(--font-title);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-link:hover{color:var(--text-main)}.active-underline{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.hero{text-align:center;position:relative}.hero-inner{flex-direction:column;align-items:center;gap:2.25rem;max-width:980px;margin:0 auto;display:flex}@media (width>=980px){.hero-inner{text-align:left;flex-direction:row;gap:3.5rem}.hero-visual{flex:0 0 380px}}.hero-content{flex:1;max-width:620px}.hero-visual{justify-content:center;align-items:center;width:100%;max-width:360px;height:340px;display:flex;position:relative}.hero-visual .visual-wrapper{width:260px;height:260px;position:relative}.hero-visual img{object-fit:contain;filter:drop-shadow(0 20px 60px #6366f140);width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.hero-visual:hover img{transform:rotate(4deg)scale(1.03)}.floating-badge{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;z-index:2;border-radius:999px;padding:.35rem .85rem;font-size:.74rem;font-weight:600;position:absolute;box-shadow:0 4px 18px #0000004d}.badge-react{top:12%;right:-12%}.badge-docker{bottom:18%;left:-14%}.badge-ts{top:56%;right:-18%}.tag{color:var(--text-muted);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.01em;background:#ffffff0a;border-radius:999px;align-items:center;gap:.5rem;padding:.38rem 1rem;font-size:.73rem;font-weight:600;display:inline-flex}.tag-available{color:#a5b4fc;background:#6366f121;border-color:#6366f147}.tag-available-dot{background:#34d399;border-radius:50%;width:7.5px;height:7.5px;animation:2s infinite pulse;box-shadow:0 0 11px #34d399}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #34d399a6}70%{transform:scale(1);box-shadow:0 0 0 7px #34d39900}to{transform:scale(.9);box-shadow:0 0 #34d39900}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(328px,1fr));gap:1.75rem;width:100%;margin-top:2.5rem;display:grid}.project-card{z-index:2;border-radius:22px;flex-direction:column;height:100%;padding:1.35rem 1.45rem 1.55rem;display:flex;position:relative;overflow:hidden}.project-card:hover{background:var(--bg-card-hover);border-color:#6366f152;transform:translateY(-4px);box-shadow:0 18px 50px -8px #6366f12e}.project-image{border:1px solid var(--glass-border);border-radius:18px;justify-content:center;align-items:center;width:100%;height:182px;margin-bottom:1.1rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.project-card:hover .project-image{transform:scale(1.015);box-shadow:0 10px 30px -4px #0000004d}.project-image.bvbs{background:linear-gradient(145deg,#1a1838 0%,#2a1f4a 48%,#15122b 100%)}.project-image.bvbs:before{content:"";background:linear-gradient(#0000,#6366f114),repeating-linear-gradient(22deg,#6366f112 0 2px,#0000 2px 18px);position:absolute;inset:0}.project-image.bvbs:after{content:"3D";letter-spacing:2px;color:#a5b4fc;border:1px solid #6366f166;border-radius:3px;padding:1px 7px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.project-image.atout{background:linear-gradient(150deg,#2b1a2f 0%,#1f162b 55%,#140f22 100%)}.project-image.atout:before{content:"";background:linear-gradient(#ffffff05,#0000);border:1px solid #d946ef40;border-radius:9px;position:absolute;inset:12px}.project-image.atout:after{content:"POS";color:#e0aaff;letter-spacing:.5px;background:#d946ef26;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:600;position:absolute;bottom:13px;right:14px}.project-image.photos{background:linear-gradient(135deg,#0f2a35 0%,#122a36 52%,#0c1f28 100%)}.project-image.photos:before{content:"";background-image:linear-gradient(#06b6d412 1px,#0000 1px),linear-gradient(90deg,#06b6d40f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.project-image.photos:after{content:"";border-radius:8px;position:absolute;inset:22px 20px;box-shadow:0 0 0 1px #06b6d440,inset 0 0 60px #00000059}.project-image-icon{color:#ffffff1f;z-index:2;filter:drop-shadow(0 6px 14px #0006);transition:transform .55s cubic-bezier(.2,.8,.2,1),color .4s}.project-card:hover .project-image-icon{color:#ffffff52;transform:scale(1.1)rotate(4deg)}.project-meta{justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.72rem;display:flex}.project-year{color:var(--text-muted);letter-spacing:.4px;font-weight:500}.project-role{color:#c0b4ff;font-size:.71rem;font-weight:600}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:1.35rem;width:100%;margin-top:2rem;display:grid}.skill-card{text-align:left;z-index:2;padding:1.85rem 1.65rem}.skill-icon-wrapper{width:48px;height:48px;color:var(--primary);background:#6366f117;border:1px solid #6366f12e;border-radius:13px;justify-content:center;align-items:center;margin-bottom:1.05rem;display:flex}.skill-list{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.skill-badge{color:var(--text-muted);border:1px solid var(--glass-border);letter-spacing:-.1px;background:#ffffff06;border-radius:999px;padding:.32rem .7rem;font-size:.755rem;transition:all .3s}.skill-badge:hover{border-color:var(--primary);color:#e0e7ff;background:#6366f121;transform:translateY(-1px)}.contact-form{flex-direction:column;gap:1.15rem;width:100%;max-width:620px;margin:0 auto;display:flex}.input-group{flex-direction:column;gap:.45rem;width:100%;display:flex}.input-group input,.input-group textarea{border:1px solid var(--glass-border);color:#fff;background:#ffffff05;border-radius:14px;outline:none;width:100%;padding:1.05rem 1.1rem;font-family:inherit;font-size:.96rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary);background:#6366f109;box-shadow:0 0 0 4px #6366f11f}.mouse-glow-layer{pointer-events:none;z-index:1;mix-blend-mode:screen;background:radial-gradient(circle,#6366f114 0%,#d946ef08 40%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;transform:translate(-50%,-50%)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu-toggle{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;display:none}.mobile-menu-overlay{z-index:999;-webkit-backdrop-filter:blur(20px);background:#030014f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-menu-links{flex-direction:column;align-items:center;gap:2rem;width:80%;display:flex}.mobile-nav-link{color:var(--text-muted);cursor:pointer;font-size:1.8rem;font-family:var(--font-title);text-align:center;background:0 0;border:none;font-weight:800;transition:all .3s}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--primary);transform:scale(1.1)}.mobile-btn{text-align:center;width:100%;max-width:300px;font-size:1.1rem}.modal-backdrop{-webkit-backdrop-filter:blur(18px);z-index:2000;background:#02000ad1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{z-index:2001;border:1px solid var(--glass-border);background:var(--bg-elevated);border-radius:26px;width:100%;max-width:680px;padding:0;position:relative;overflow-y:auto}.modal-header-visual{border-radius:26px 26px 0 0;justify-content:center;align-items:center;height:158px;display:flex;position:relative;overflow:hidden}.modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#00000073;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:1.1rem;right:1.1rem}.modal-close:hover{background:#ffffff26;transform:rotate(90deg)}.modal-body{flex-direction:column;gap:.95rem;padding:2rem 2.1rem 2.1rem;display:flex}.modal-tags{flex-wrap:wrap;gap:.45rem;display:flex}.modal-meta{color:var(--text-muted);gap:1.2rem;margin:.35rem 0 .1rem;font-size:.85rem;display:flex}.modal-extended-info{border:1px solid var(--glass-border);background:#ffffff05;border-radius:14px;margin-top:.4rem;padding:1.15rem 1.25rem}.modal-actions{flex-wrap:wrap;gap:.85rem;margin-top:.85rem;display:flex}.about-card{z-index:2;margin-bottom:1.5rem;padding:3rem 2.6rem;position:relative}@media (width<=768px){.nav-links-desktop{display:none!important}.mobile-menu-toggle{display:block}.mouse-glow-layer,.nav-dots{display:none}.about-card{padding:1.75rem 1.35rem}.hero{padding-top:2.5rem}.metrics{grid-template-columns:repeat(3,1fr);gap:.9rem}.metric-num{font-size:1.55rem}.project-grid{grid-template-columns:1fr}section{padding:88px 0}.snap-section{padding-top:calc(var(--nav-height) + 10px)}}@media (width<=480px){.container{padding:0 1.1rem}}