@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";
:root{--bg-color:#0a0b10;--text-primary:#fff;--text-secondary:#a0a5b5;--text-muted:#6b7280;--accent:#5865f2;--glass-bg:#14161e80;--glass-border:#ffffff14;--glass-blur:blur(24px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}html.no-scroll,body.no-scroll{touch-action:none!important;scroll-snap-type:none!important;height:100vh!important;overflow:hidden!important}html::-webkit-scrollbar{display:none}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;line-height:1.5}p,input,textarea,.subtitle{-webkit-user-select:text;user-select:text}body::-webkit-scrollbar{display:none}.bg-grid{z-index:-2;-webkit-mask-composite:source-in;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%),linear-gradient(#0000 0,#000 50px calc(100% - 50px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%),linear-gradient(#0000 0,#000 50px calc(100% - 50px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.smoke-container{z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.smoke{filter:blur(100px);background:radial-gradient(circle at 40% 30%,#28283726 0%,#0000 60%),radial-gradient(circle at 80% 60%,#1e1e2d1a 0%,#0000 50%);width:150vw;height:150vh;animation:25s ease-in-out infinite alternate drift;position:absolute;top:-25vh;left:-25vw}.smoke-2{background:radial-gradient(circle at 70% 30%,#321e281a 0%,#0000 60%);animation:35s ease-in-out infinite alternate drift-reverse}.mini-aurora{filter:blur(60px);opacity:.5;border-radius:50%;position:absolute}.aurora-1{background:#f05;width:15vw;height:15vw;animation:25s ease-in-out infinite alternate aurora-drift-1;top:10%;left:10%}.aurora-2{background:#05f;width:12vw;height:12vw;animation:30s ease-in-out infinite alternate aurora-drift-2;top:40%;right:10%}.aurora-3{background:#7000ff;width:10vw;height:10vw;animation:20s ease-in-out infinite alternate aurora-drift-3;top:60%;left:30%}@keyframes drift{0%{transform:translate(0)rotate(0)}50%{transform:translate(8%,8%)rotate(5deg)}to{transform:translate(-8%,10%)rotate(-5deg)}}@keyframes drift-reverse{0%{transform:translate(0)rotate(0)}50%{transform:translate(-10%,-8%)rotate(-5deg)}to{transform:translate(8%,-10%)rotate(5deg)}}@keyframes aurora-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25vw,15vh)scale(1.2)}66%{transform:translate(10vw,30vh)scale(.9)}}@keyframes aurora-drift-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-30vw,-10vh)scale(1.3)}66%{transform:translate(-15vw,-30vh)scale(.8)}}@keyframes aurora-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40vw,-20vh)scale(1.5)}}.slide{scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;align-items:center;width:100vw;height:100vh;padding:4rem 2rem;display:flex;position:relative}.slide-content{z-index:10;width:100%;max-width:1400px;margin:0 auto}h1{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(4rem,8vw,8rem);font-weight:600;line-height:1}.text-gleam{background:linear-gradient(135deg,#fff 0%,#aaa 45%,#fff 50%,#aaa 55%,#fff 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2s cubic-bezier(.25,.46,.45,.94) 1.2s forwards gleam-sweep}@keyframes gleam-sweep{0%{background-position:100% 100%}to{background-position:0 0}}h2{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:500}.subtitle{color:var(--text-secondary);max-width:800px;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:300}.glass{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px}.glass-card{padding:2.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.glass-card:hover{background:#1e1e1e80;border-color:#ffffff1a;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0006}.btn-apple{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-apple:hover{background:#fff3;transform:scale(1.05)}.btn-apple-primary{color:#000;background:#fff}.btn-apple-primary:hover{background:#eee;transform:scale(1.05)}.portfolio-scroll-container{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;overflow:auto hidden}.portfolio-scroll-container:active{cursor:grabbing}.portfolio-scroll-container::-webkit-scrollbar{display:none}.category-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.55rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.category-tab:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e;transform:translateY(-2px)}.category-tab.active{color:#fff;background:#ffffff26;border-color:#ffffff59;box-shadow:0 4px 20px #0006,0 0 15px #ffffff0f}.portfolio-marquee-container{width:100vw;margin-left:50%;padding:2rem 0 3.5rem;display:flex;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.portfolio-track{gap:2rem;width:max-content;padding:0;animation:50s linear infinite marquee-ltr;display:flex}.portfolio-track:hover{animation-play-state:paused}@keyframes marquee-ltr{0%{transform:translate(calc(-50% - 1rem))}to{transform:translate(0)}}.portfolio-item{flex:0 0 calc(100vw - 8rem);max-width:400px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s}.portfolio-item:hover{border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 40px #00000080,0 0 20px #ffffff0d}.placeholder-img{background:linear-gradient(45deg,#1a1a1a,#2a2a2a);border-radius:12px;width:100%;height:220px;margin-bottom:1.5rem;position:relative;overflow:hidden}.placeholder-img:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite glint;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes glint{0%{left:-100%}20%{left:200%}to{left:200%}}.tech-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.tech-icon-wrapper{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;transition:all .3s;display:flex}.tech-icon-wrapper:hover{color:var(--text-primary);transform:scale(1.1)}.top-header{z-index:100;pointer-events:none;justify-content:flex-end;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0}.lang-switch{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#14161ecc;border:1px solid #ffffff1a;border-radius:999px;padding:4px;display:flex}.lang-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem 1rem;font-weight:600;transition:all .3s}.lang-btn.active{background:var(--text-primary);color:#000;box-shadow:0 0 15px #fff3}.site-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:4rem 2rem 2rem;display:flex}.footer-links{gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.8rem}.discord-social-link{justify-content:center;align-items:center;display:flex;position:relative}.discord-social-tooltip{color:#dbdee1;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;z-index:100;background:#111214;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-5px);box-shadow:0 8px 16px #0006}.discord-social-tooltip:after{content:"";border:5px solid #0000;border-top-color:#111214;position:absolute;top:100%;left:50%;transform:translate(-50%)}.discord-social-link:hover .discord-social-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}