*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.nav{position:sticky;top:0;left:0;right:0;background:#1e293bf2;backdrop-filter:blur(20px);z-index:1000;padding:1.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.nav-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:2rem}.nav-logo{height:48px;width:auto;transition:transform .3s;justify-self:start}.nav-logo:hover{transform:scale(1.05)}.nav-links{display:flex;justify-content:center;gap:4rem;list-style:none;justify-self:center}.nav-spacer{justify-self:end}.nav-link{text-decoration:none;color:#fff;font-weight:700;font-size:1.2rem;position:relative;transition:all .3s;padding:.75rem 1.5rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:0;border-radius:8px;transition:opacity .3s;z-index:-1}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s ease;border-radius:2px}.nav-link:hover{color:#fff;transform:translateY(-2px);text-shadow:0 2px 8px rgba(0,0,0,.3)}.nav-link:hover:before{opacity:.15}.nav-link:hover:after{width:80%}.nav-link-special{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:25px;padding:.75rem 2rem!important;position:relative;overflow:hidden}.nav-link-special:before{background:linear-gradient(135deg,var(--accent),var(--primary))!important;opacity:0!important;transition:opacity .3s ease!important}.nav-link-special:after{display:none}.nav-link-special:hover:before{opacity:1!important}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--background) 0%,rgba(41,171,226,.05) 100%);overflow:hidden;transition:background 1.2s cubic-bezier(.25,.1,.25,1)}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--background));pointer-events:none}.hero-content{text-align:center;max-width:800px;padding:2rem;position:relative;z-index:2}.logo-container{position:relative;margin-bottom:3rem;display:inline-block}.main-logo{width:120px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));animation:float 6s ease-in-out infinite;position:relative;z-index:3}.logo-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.ring{position:absolute;border:2px solid;border-radius:50%;opacity:.3}.ring-1{width:160px;height:160px;border-color:var(--primary);animation:rotate 20s linear infinite;top:20px;left:20px}.ring-2{width:200px;height:200px;border-color:var(--accent);animation:rotate 15s linear infinite reverse;top:0;left:0}.ring-3{width:120px;height:120px;border-color:var(--primary);animation:rotate 25s linear infinite;top:40px;left:40px;border-style:dashed}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text);margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text);opacity:.8;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #29abe24d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #29abe266}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5}.bg-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(circle,var(--primary) 1px,transparent 1px);background-size:50px 50px;animation:drift 30s linear infinite;opacity:.1}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.about{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center;background:var(--background);position:relative;transition:all .8s ease}.about:before{content:"";position:absolute;top:-50px;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--background),transparent,var(--background));pointer-events:none}.about-content{max-width:800px;margin:0 auto}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text);margin-bottom:2rem;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}.about-text{font-size:1.2rem;color:var(--text);opacity:.9;line-height:1.8;margin-bottom:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.skill-card{background:var(--card-bg);padding:2rem;border-radius:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);opacity:0;transition:opacity .3s}.skill-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.skill-card:hover:before{opacity:.05}.skill-icon{font-size:3rem;margin-bottom:1rem;display:block;position:relative;z-index:2}.skill-title{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:.5rem;position:relative;z-index:2}.skill-desc{color:var(--text);opacity:.8;position:relative;z-index:2}.work{padding:6rem 2rem;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(41,171,226,.02) 100%);position:relative;transition:all .8s ease}.work:before{content:"";position:absolute;top:-50px;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--background),transparent,var(--card-bg));pointer-events:none}.work:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--card-bg),transparent);pointer-events:none}.work-content{max-width:1200px;margin:0 auto;text-align:center}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem}.work-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.work-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.work-image{height:200px;background:linear-gradient(135deg,#29abe21a,#e739461a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.work-icon{font-size:4rem;opacity:.8;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.work-info{padding:2rem;text-align:left}.work-title{font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:1rem}.work-desc{color:var(--text);opacity:.8;line-height:1.6;margin-bottom:1.5rem}.work-link{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.work-link:hover{color:var(--accent);transform:translate(5px)}.contact{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;text-align:center;position:relative;transition:all .8s ease}.contact:before{content:"";position:absolute;top:-50px;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--card-bg),transparent,var(--primary));pointer-events:none}.contact-content{max-width:800px;margin:0 auto}.contact h2{color:#fff;margin-bottom:1rem}.contact-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:1rem;background:#ffffff1a;color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;transition:all .3s;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.contact-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.contact-link.email:hover{border-color:#4f46e5;box-shadow:0 8px 25px #4f46e54d}.contact-link.github:hover{border-color:#6366f1;box-shadow:0 8px 25px #6366f14d}.contact-link.linkedin:hover{border-color:#0a66c2;box-shadow:0 8px 25px #0a66c24d}.contact-link.bluesky:hover{border-color:#00a8e8;box-shadow:0 8px 25px #00a8e84d}.contact-link.twitter:hover{border-color:#1da1f2;box-shadow:0 8px 25px #1da1f24d}.contact-link.youtube:hover{border-color:red;box-shadow:0 8px 25px #ff00004d}.contact-link.discord:hover{border-color:#5865f2;box-shadow:0 8px 25px #5865f24d}.contact-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:8px;transition:all .3s}.icon-email:before{content:"✉";font-size:16px}.icon-github:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.icon-linkedin:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.icon-bluesky:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-2.67.297-5.568-.628-6.383-3.364C.378 9.418 0 4.458 0 3.768c0-.688.139-1.86.902-2.203C1.561 1.266 2.566.944 5.202 2.805c2.752 1.942 5.711 5.881 6.798 7.995z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.icon-twitter:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.icon-youtube:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.icon-discord:before{content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.9616-.6067 3.9502-1.5219 6.002-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419-.0189 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1568 2.4189Z'/%3E%3C/svg%3E") no-repeat;mask-size:contain;display:block}.footer{background:var(--background);padding:3rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;color:var(--text);opacity:.6}@media (max-width: 768px){.nav{padding:1rem 1.5rem}.nav-content{grid-template-columns:auto 1fr auto;gap:1rem}.nav-logo{height:40px}.nav-links{gap:2rem}.nav-link{font-size:1rem;padding:.5rem 1rem;text-transform:none;letter-spacing:.2px}.nav-link-special{padding:.5rem 1.5rem!important;font-size:.9rem!important}}@media (max-width: 480px){.nav{padding:1rem}.nav-content{display:flex;justify-content:center}.nav-links,.nav-spacer{display:none}.nav-logo{height:36px}.hero,.hero-content{padding:1rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem}.work-info{padding:1.5rem}.logo-rings{width:150px;height:150px}.ring-1{width:120px;height:120px;top:15px;left:15px}.ring-2{width:150px;height:150px}.ring-3{width:90px;height:90px;top:30px;left:30px}.main-logo{width:80px}.about,.work{padding:4rem 1rem}.skills-grid,.work-grid{grid-template-columns:1fr;gap:1.5rem}.contact-links{flex-direction:column;align-items:center}}html{scroll-behavior:smooth}*{transition:background-color .6s ease,color .4s ease,transform .3s ease}section{position:relative;transition:all .8s cubic-bezier(.25,.1,.25,1)}section:before{content:"";position:absolute;top:-50px;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.02),transparent);pointer-events:none;opacity:0;transition:opacity 1s ease}section:hover:before{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:gentleSlideIn 1.2s cubic-bezier(.25,.1,.25,1) forwards}.skill-card,.work-card,.contact-link{transition:all .4s cubic-bezier(.25,.1,.25,1);will-change:transform,box-shadow}.section-enter{opacity:0;transform:translateY(15px);transition:all 1s cubic-bezier(.25,.1,.25,1)}.section-enter.visible{opacity:1;transform:translateY(0)}