nav{display:flex;align-items:center;gap:16px;padding:12px 20px}.logo{font-weight:600}.lang-inline{display:flex;align-items:center;gap:8px}.lang-inline button{background:transparent;border:0;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:500}.lang-inline button.active{font-weight:700;text-decoration:underline}.lang-inline .sep{color:#00000073;padding:0 6px}.hamburger{display:none;background:transparent;border:0;padding:8px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:#111;margin:4px 0;border-radius:2px}@media (max-width:800px){nav{flex-wrap:wrap}nav a.c{display:none}.lang-inline{display:none}.hamburger{display:block}nav.open a.c{display:block;width:100%;padding:8px 0}nav.open .lang-inline{display:flex;width:100%;padding:8px 0}nav.open .lang-inline button{width:auto}}:root{--transition: .25s;--spark: 1.8s;--cut: .1em}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;text-decoration:none;scroll-behavior:smooth}body{background-color:#000;color:#fff;overflow-x:hidden;padding-top:20px;background-attachment:fixed;position:relative;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:.05;background-image:url(https://grainy-gradients.vercel.app/noise.svg)}.bg-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(79,172,254,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:float 20s infinite alternate}.blob-1{top:-10%;left:-10%;background:radial-gradient(circle,rgba(79,172,254,.3) 0%,transparent 70%);animation:float-1 25s infinite alternate}.blob-2{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(240,147,251,.2) 0%,transparent 70%);animation:float-2 30s infinite alternate}.blob-3{top:50%;left:50%;background:radial-gradient(circle,rgba(0,242,254,.15) 0%,transparent 70%);animation:float-3 35s infinite alternate}@keyframes float-1{0%{transform:translate(0) rotate(0)}to{transform:translate(200px,100px) rotate(360deg)}}@keyframes float-2{0%{transform:translate(0) rotate(0)}to{transform:translate(-200px,-100px) rotate(-360deg)}}@keyframes float-3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-30%,-40%) scale(1.3)}}.hero-section{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0%,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100px 100px,50px 50px,50px 50px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(79,172,254,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(79,172,254,.1) 1px,transparent 1px);background-size:100px 100px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 0%,transparent 100%);mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 0%,transparent 100%);pointer-events:none;z-index:1;animation:pulse-grid 10s infinite alternate}@keyframes pulse-grid{0%{opacity:.5}to{opacity:1}}.hero-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(79,172,254,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.content{position:relative;z-index:2;max-width:900px;padding:20px}h1{font-size:5.5rem;font-weight:900;line-height:1;margin-bottom:10px;letter-spacing:-2px;background:linear-gradient(to bottom,#fff 40%,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}.gradient-text{background:linear-gradient(90deg,#4facfe,#00f2fe,#4facfe);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.8rem;font-weight:700;display:block;margin-bottom:25px;filter:drop-shadow(0 0 15px rgba(79,172,254,.4));letter-spacing:-.5px;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.hero-description{font-size:1.2rem;color:#888;max-width:600px;margin:0 auto 40px;text-align:center;line-height:1.6;font-weight:400}.btn-group{display:flex;gap:15px;justify-content:center}.btn{padding:15px 35px;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-white{background-color:#fff;color:#000}.btn-dark{background-color:#111;color:#fff;border:1px solid #333}.btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff1a}.btn-dark:hover{border-color:#4facfe;box-shadow:0 0 20px #4facfe33}.sparkle-button{--active: 0;--bg: radial-gradient( 40% 50% at center 100%, hsl(270 calc(var(--active) * 97%) 72% / var(--active)), transparent ), radial-gradient( 80% 100% at center 120%, hsl(260 calc(var(--active) * 97%) 70% / var(--active)), transparent ), hsl(260 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));background:var(--bg);font-size:1.2rem;font-weight:500;border:0;cursor:pointer;padding:1em;display:flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:100px;position:relative;box-shadow:0 0 calc(var(--active) * 3em) calc(var(--active) * 1em) #7b3bfcbf,0 0 hsl(260 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em hsl(260 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .1));transition:.3s;filter:drop-shadow(0 0 15px rgba(124,58,237,.3))}.sparkle-button:active{scale:1;transition:.3s;filter:drop-shadow(0 0 5px rgba(124,58,237,.5))}.sparkle path{color:hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:.6s;transition:color var(--transition);filter:drop-shadow(0 0 2px currentColor)}.sparkle-button:is(:hover,:focus-visible) path{animation-name:bounce}@keyframes bounce{35%,65%{scale:var(--scale)}}.sparkle path:nth-of-type(1){--scale: .5;--delay: .1;--base: 40%}.sparkle path:nth-of-type(2){--scale: 1.5;--delay: .2;--base: 20%}.sparkle path:nth-of-type(3){--scale: 2.5;--delay: .35;--base: 30%}.sparkle-button:before{content:"";position:absolute;top:-.2em;right:-.2em;bottom:-.2em;left:-.2em;z-index:-1;border:.25em solid hsl(260 97% 50% / .5);border-radius:100px;opacity:var(--active, 0);transition:opacity var(--transition);filter:blur(10px)}.spark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2,end)}@keyframes flip{to{rotate:360deg}}.spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0%;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both;filter:blur(2px)}.spark:after{content:"";position:absolute;inset:var(--cut);border-radius:100px}.backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:100px;transition:background var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes rotate{to{transform:rotate(90deg)}}@supports (selector(:has(:is(+ *)))){body:has(button:is(:hover,:focus-visible)){--active: 1;--play-state: running}.bodydrop{display:none}}.sparkle-button:is(:hover,:focus-visible)~:is(.bodydrop,.particle-pen){--active: 1;--play-state: running}.sparkle-button:is(:hover,:focus-visible){--active: 1;--play-state: running;filter:drop-shadow(0 0 25px rgba(124,58,237,.5))}.sp{position:relative;filter:drop-shadow(0 0 10px rgba(124,58,237,.2))}.particle-pen{position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(white,transparent 65%);z-index:-1;opacity:var(--active, 0);transition:opacity var(--transition);filter:blur(1px);pointer-events:none}.particle{fill:#fff;width:calc(var(--size, .25) * 1rem);aspect-ratio:1;position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha, 1);animation:float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x, 1000%) var(--origin-y, 1000%);z-index:-1;animation-play-state:var(--play-state, paused)}.particle path{fill:#e6e6e6;stroke:none;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:360deg}}.text{translate:2% -6%;letter-spacing:.01ch;background:linear-gradient(90deg,hsl(0 0% calc((var(--active) * 100%) + 65%)),hsl(0 0% calc((var(--active) * 100%) + 26%)));-webkit-background-clip:text;color:transparent;transition:background var(--transition);text-shadow:0 0 10px rgba(255,255,255,calc(var(--active) * .5))}.sparkle-button svg{inline-size:1.25em;translate:-25% -5%;filter:drop-shadow(0 0 5px rgba(255,255,255,calc(var(--active) * .8)))}nav{width:80%;margin:0 auto 20px;background-color:#14141499;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 25px;position:sticky;top:20px;z-index:1000;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #00000080,0 0 20px #4facfe0d}.c{color:#fff;margin-left:15px;margin-right:15px;font-weight:500;transition:all .3s ease}.c:hover{color:#4facfe;text-shadow:0 0 10px rgba(79,172,254,.5)}.logo{font-weight:800;font-size:1.2rem;background:linear-gradient(90deg,#fff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(79,172,254,.4))}.section{padding:120px 0;position:relative;overflow:hidden}.gray-bg{background-color:#050505;position:relative}.section-bg-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.effect-circle{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1;animation:pulse-bg 8s infinite alternate}.effect-1{width:400px;height:400px;background:#4facfe;top:-100px;right:-100px}.effect-2{width:300px;height:300px;background:#f093fb;bottom:-50px;left:-50px;animation-delay:-4s}.effect-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(79,172,254,.1) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}@keyframes pulse-bg{0%{transform:scale(1) translate(0);opacity:.05}to{transform:scale(1.2) translate(20px,20px);opacity:.15}}.container{max-width:1100px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.section-title{font-size:3.5rem;font-weight:800;margin-bottom:15px;text-align:center;background:linear-gradient(180deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.section-subtitle{text-align:center;color:#888;font-size:1.3rem;margin-bottom:80px;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 0 10px rgba(0,0,0,.5)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.value-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:50px 40px;border-radius:30px;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-align:center}.card-glow,.project-glow,.dev-glow,.milestone-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(79,172,254,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.value-card:hover .card-glow,.project-card:hover .project-glow,.dev-card:hover .dev-glow,.milestone-card:hover .milestone-glow{opacity:1}.value-card:hover{transform:translateY(-15px) scale(1.02);border-color:#4facfe4d;box-shadow:0 20px 40px #0006,0 0 20px #4facfe1a}.value-icon{font-size:2.5rem;color:#4facfe;margin-bottom:25px;filter:drop-shadow(0 0 15px rgba(79,172,254,.6));animation:pulse-icon 3s infinite alternate}@keyframes pulse-icon{0%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(79,172,254,.6))}to{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(79,172,254,.8))}}.value-card h3{font-size:1.8rem;margin-bottom:15px;color:#fff}.value-card p{font-size:1.1rem;color:#aaa;line-height:1.6}.milestone-card{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:30px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05);max-width:900px;margin:0 auto;position:relative;overflow:hidden;transition:all .3s ease}.milestone-card:hover{border-color:#4facfe33;transform:scale(1.01);box-shadow:0 10px 30px #0000004d,0 0 20px #4facfe0d}.milestone-info h3{font-size:1.8rem;margin-bottom:8px;background:linear-gradient(90deg,#fff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.milestone-tag{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#000;padding:8px 20px;border-radius:50px;font-weight:700;font-size:.9rem;box-shadow:0 0 25px #4facfe80;animation:pulse-tag 2s infinite alternate}@keyframes pulse-tag{0%{box-shadow:0 0 15px #4facfe66}to{box-shadow:0 0 30px #4facfeb3}}.project-card{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:60px;border-radius:40px;border:1px solid rgba(255,255,255,.05);max-width:900px;margin:0 auto;position:relative;overflow:hidden;transition:all .4s ease}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.project-card:hover:before{left:100%}.project-card:hover{border-color:#4facfe66;box-shadow:0 30px 60px #00000080;transform:translateY(-5px)}.project-header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.project-badge{background:#4facfe26;color:#4facfe;padding:6px 16px;border-radius:10px;font-size:.9rem;font-weight:700;letter-spacing:1px;box-shadow:0 0 15px #4facfe33}.project-card h3{font-size:2.5rem;font-weight:800}.project-card p{font-size:1.2rem;color:#bbb;margin-bottom:40px}.project-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item strong{color:#555;font-size:.85rem;letter-spacing:2px;text-transform:uppercase}.detail-item span{font-size:1.1rem;font-weight:600;color:#eee}.dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.dev-card{background:#ffffff05;padding:40px 30px;border-radius:25px;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.dev-card:hover{background:#ffffff0d;transform:translateY(-10px);border-color:#4facfe4d;box-shadow:0 15px 30px #0000004d,0 0 20px #4facfe1a}.dev-card h3{font-size:1.6rem;margin-bottom:12px;color:#fff}.dev-card p{font-size:1rem;color:#888;margin:0}.codes-section{display:none}footer{padding:60px 0 30px;border-top:1px solid #222}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer-info h3{margin-bottom:15px}.footer-info a{color:#a0a0a0;transition:color .3s}.footer-info a:hover{color:#4facfe;text-shadow:0 0 10px rgba(79,172,254,.5)}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#4facfe;text-shadow:0 0 10px rgba(79,172,254,.5)}.footer-bottom{text-align:center;color:#666;font-size:.9rem;padding-top:30px;border-top:1px solid #111}@media (max-width: 1024px){nav{width:90%}h1{font-size:4rem}.gradient-text{font-size:2.2rem}}@media (max-width: 768px){nav{width:95%;gap:10px;height:auto;padding:10px;flex-wrap:wrap;justify-content:center;border-radius:15px}nav .logo{margin-right:0!important;width:100%;justify-content:center;margin-bottom:10px}h1{font-size:3rem;letter-spacing:-1px}.gradient-text{font-size:1.8rem}.hero-description{font-size:1rem;padding:0 20px}.c{font-size:.85rem}.values-grid,.dev-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-title{font-size:2.2rem}.project-card{padding:30px 20px}.project-header{flex-direction:column;text-align:center;gap:20px}.project-header img{order:-1}.particle-pen{width:100%}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:30px}}@media (max-width: 480px){h1{font-size:2.5rem}.gradient-text{font-size:1.5rem}nav{gap:8px}.c{font-size:.75rem}}