.snap-container{overflow-y:auto;overflow-x:hidden;height:100vh;width:100%;position:relative;z-index:1}.snap-container>section{min-height:100vh;width:100%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .5s ease-out 1.2s forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loader{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-emoticon{font-size:8rem;font-weight:700;color:var(--foreground);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@media (max-width: 768px){section{padding:3rem 1.5rem}}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.2;pointer-events:none;overflow:hidden}.particles-canvas,.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%}.grid-pattern{opacity:.5;mask-image:radial-gradient(circle at center,white,transparent 75%);-webkit-mask-image:radial-gradient(circle at center,white,transparent 75%)}.scroll-indicator{position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);z-index:50}.indicator-dots{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.indicator-item{position:relative}.indicator-button{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:0;cursor:pointer;transition:all .3s ease}.indicator-dot{width:.5rem;height:.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;transition:all .3s ease}.indicator-button.active .indicator-dot{background:#fff;border-color:#fff;transform:scale(1.25)}.indicator-button:hover .indicator-dot{border-color:#ffffffb3;transform:scale(1.1)}.dot-inner{display:none}.indicator-label{font-size:.875rem;font-weight:500;color:#fff;opacity:0;transform:translate(-.5rem);transition:all .3s ease;white-space:nowrap}.indicator-line{position:absolute;left:3px;top:calc(100% + .25rem);width:2px;height:.5rem;background:#fff3}@media (max-width: 768px){.scroll-indicator{left:1rem}.indicator-label{display:none}}.indicator-label{font-size:.875rem;font-weight:600;color:#fff;opacity:0;transform:translate(-.5rem);transition:all .3s ease;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.5)}.indicator-button.active .indicator-label{opacity:1;transform:translate(0)}.indicator-button:hover .indicator-label{opacity:.5;transform:translate(0)}.indicator-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:1rem;border-radius:1px;background:#fff3;top:100%;margin-top:.5rem}@media (max-width: 1024px){.indicator-label{display:none}.scroll-indicator{left:.75rem}.indicator-dot{width:.5rem;height:.5rem}.indicator-line{left:3px}}.hero{min-height:100vh;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative}.hero-wrapper{width:90%;max-width:1400px;display:flex;gap:4rem;align-items:center;justify-content:space-between}.hero-content{flex:1;min-width:0}.hero-gif{flex:1;display:flex;align-items:center;justify-content:center;max-width:500px}.showcase-gif{width:100%;height:auto;display:block;object-fit:contain}.hero-greeting{font-size:clamp(2rem,5vw,5rem);font-weight:700;margin-bottom:0;color:var(--foreground);letter-spacing:-.02em;display:flex;align-items:center;gap:1.5rem}.wave-emoji{width:clamp(2rem,5vw,4rem);height:clamp(2rem,5vw,4rem);display:inline-block;vertical-align:middle;object-fit:contain}.hero-title{font-size:clamp(1.5rem,4vw,5rem);font-weight:700;line-height:1.1;margin-bottom:2rem;color:var(--foreground);letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:.5rem}.hero-name{background:linear-gradient(90deg,#a855f7,#ec4899,#8b5cf6,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:.5rem;animation:gradient-shift 3s ease infinite;position:relative;filter:drop-shadow(0 0 20px rgba(168,85,247,.5))}.hero-description{font-size:clamp(.9rem,2vw,1.15rem);color:var(--muted-foreground);line-height:1.7;margin-bottom:1.5rem;max-width:900px}.hero-description p{margin-bottom:.5rem}.hero-buttons{margin-bottom:3.5rem}@media (max-width: 768px){.hero-content{width:90%;margin-top:3rem}}.cube:hover .cube-face{background:linear-gradient(135deg,#6366f166,#818cf84d);border-color:#6366f1cc;box-shadow:0 0 30px #6366f180}.cube .front{transform:rotateY(0) translateZ(100px)}.cube .back{transform:rotateY(180deg) translateZ(100px)}.cube .right{transform:rotateY(90deg) translateZ(100px)}.cube .left{transform:rotateY(-90deg) translateZ(100px)}.cube .top{transform:rotateX(90deg) translateZ(100px)}.cube .bottom{transform:rotateX(-90deg) translateZ(100px)}@media (max-width: 1024px){.hero-wrapper{flex-direction:column;gap:2rem}.hero-content{max-width:100%}.hero-gif{max-width:100%;width:100%}.hero-title{font-size:2.5rem}.cube-container{width:250px;height:250px}.cube,.cube-face{width:150px;height:150px}.cube .front,.cube .back,.cube .right,.cube .left{transform-origin:center}.cube .front{transform:rotateY(0) translateZ(75px)}.cube .back{transform:rotateY(180deg) translateZ(75px)}.cube .right{transform:rotateY(90deg) translateZ(75px)}.cube .left{transform:rotateY(-90deg) translateZ(75px)}.cube .top{transform:rotateX(90deg) translateZ(75px)}.cube .bottom{transform:rotateX(-90deg) translateZ(75px)}}.discord-status-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;max-width:400px;width:fit-content}.discord-status-card:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.discord-avatar-wrapper{position:relative;flex-shrink:0}.discord-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--border);transition:all .3s ease}.discord-status-card:hover .discord-avatar{border-color:#6366f180}.discord-status-badge{position:absolute;bottom:2px;right:2px;width:18px;height:18px;border-radius:50%;border:3px solid var(--card);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.discord-info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.discord-username{font-size:1.35rem;font-weight:600;color:#a855f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-status-row{display:flex;align-items:center;gap:.5rem}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-label{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.discord-activity{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--secondary);border-radius:calc(var(--radius) - 2px);font-size:.8rem;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-emoji{font-size:1rem}.activity-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.discord-status-card{padding:.875rem 1rem}.discord-avatar{width:48px;height:48px}.discord-username{font-size:1rem}.discord-status-badge{width:14px;height:14px}}.gallery{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5rem 0;overflow-y:auto}.gallery-container{width:90%;max-width:1600px}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin-bottom:1rem;margin-top:3.5rem;color:var(--foreground);letter-spacing:-.02em}.category-filters{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.filter-button{padding:.75rem 1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);transition:left .5s ease}.filter-button:hover:before{left:100%}.filter-button:hover{border-color:#6366f180;color:var(--foreground)}.filter-button.active{background:linear-gradient(135deg,#6366f133,#818cf81a);border-color:var(--accent);color:var(--foreground)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;width:100%}.project-card-wrapper{width:100%}.project-card{position:relative;width:100%;cursor:pointer}.project-card-inner{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}.project-card-inner.hovered{border-color:#6366f180}.project-image{width:100%;height:250px;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card-inner.hovered .project-image img{transform:scale(1.1) rotate(2deg)}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground);transition:color .3s ease}.project-card-inner.hovered .project-title{color:#818cf8}.project-description{font-size:.875rem;color:var(--muted-foreground);margin-bottom:1rem;line-height:1.6}.project-tag{display:inline-block;padding:.25rem .75rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.project-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius);background:linear-gradient(90deg,#60a5fa,#a78bfa,#ec4899,#f59e0b,#60a5fa);background-size:300% 300%;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(20px);animation:gradient-shift 8s ease infinite}.project-glow.visible{opacity:.75}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightbox-content img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;font-weight:300;line-height:1;padding:0;width:50px;height:50px;transition:transform .2s ease}.lightbox-close:hover{transform:scale(1.2)}@media (max-width: 768px){.gallery{padding:3rem 1rem}.section-title{font-size:2rem}.gallery-grid{grid-template-columns:1fr;gap:1.5rem}.lightbox-close{top:10px;right:10px;font-size:2.5rem}}.about{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0}.about-container{width:90%;max-width:1400px}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin-bottom:1rem;color:var(--foreground);letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--muted-foreground);font-size:1rem;margin-bottom:3rem;opacity:.75}.about-text{text-align:center;max-width:700px;margin:0 auto 4rem;color:var(--muted-foreground);font-size:1.125rem;line-height:1.7}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:4rem}.skill-item{padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all .3s ease;cursor:pointer}.skill-item:hover{border-color:#6366f180;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.skill-icon{font-size:2rem;margin-bottom:.5rem;display:inline-block;transition:transform .3s ease;width:2rem;height:2rem}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-item:hover .skill-icon{transform:scale(1.2) rotate(10deg)}.skill-item h4{font-size:1rem;font-weight:600;color:var(--foreground);margin-bottom:0}.skill-item p{font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.about-contact{display:flex;justify-content:center;margin-top:2rem}@media (max-width: 768px){.about{padding:3rem 1rem}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}}.clients-section{padding:4rem 2rem;max-width:1400px;margin:0 auto;width:100%}.clients-marquee{position:relative;overflow:hidden;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:2rem 0;margin-top:2rem;mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.clients-marquee:before,.clients-marquee:after{display:none}.clients-track{display:flex;gap:16px;width:max-content;animation:scroll 40s linear infinite;will-change:transform}.clients-marquee:hover .clients-track{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.client-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:transform .3s ease,background .3s ease;padding:10px 12px 8px;border-radius:12px;flex-shrink:0}.client-item:hover{background:#6366f11a;transform:translateY(-4px)}.client-item img{width:120px;height:120px;border-radius:10px;object-fit:cover;border:1px solid var(--border);filter:grayscale(60%);transition:all .3s ease}.client-item:hover img{filter:grayscale(0%);border-color:var(--accent);transform:scale(1.05)}.client-name{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.client-item:hover .client-name{color:var(--text-primary)}@media (max-width: 768px){.clients-marquee{padding:1.25rem 0}.clients-track{gap:12px}.client-item img{width:90px;height:90px}.client-item{padding:12px 16px 10px}}.footer{position:relative;width:100%;padding:5rem 0 3rem;background:transparent;overflow:hidden}.footer-container{position:relative;z-index:1;width:90%;max-width:1400px;margin:0 auto}.footer-content{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.footer-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;color:var(--foreground)}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-link{color:var(--muted-foreground);text-decoration:none;font-size:1rem;transition:color .3s ease}.footer-link:hover{color:var(--foreground)}.footer-email{color:var(--muted-foreground);text-decoration:none;font-size:1rem;margin-top:1rem;transition:color .3s ease}.footer-email:hover{color:var(--foreground)}.footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);width:100%}.footer-bottom p{font-size:.875rem;color:var(--muted-foreground);opacity:.75}@media (max-width: 768px){.footer-container{width:90%}.footer-links{gap:1.5rem}}border-color: rgba(99,102,241,.5); background: var(--secondary); transform: translateX(5px); } .social-icon{font-size:1.25rem}.social-name{font-size:.875rem;font-weight:500}.contact-methods{display:flex;flex-direction:column;gap:.75rem}.contact-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);text-decoration:none;font-size:.875rem;transition:all .3s ease}.contact-link:hover{border-color:#6366f180;color:var(--foreground);background:var(--secondary)}.contact-icon{font-size:1.25rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;gap:2rem}.footer-copyright{color:var(--muted-foreground);font-size:.875rem}.footer-credits{display:flex;align-items:center;gap:.75rem;color:var(--muted-foreground);font-size:.8rem}.separator{opacity:.5}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:2rem}.footer-brand{max-width:100%}}@media (max-width: 768px){.footer{padding:3rem 1rem 2rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}.footer-credits{flex-wrap:wrap}.footer-title{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--background: #0a0a0f;--foreground: #f5f5f5;--card: #15151f;--card-foreground: #f5f5f5;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #6366f1;--accent-hover: #818cf8;--border: #27272a;--radius: .75rem}html{scroll-behavior:smooth}body{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{min-height:100vh;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}a{color:inherit;text-decoration:none;transition:all .3s ease}button{font-family:inherit;cursor:pointer;transition:all .3s ease}::selection{background-color:var(--accent);color:#fff}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}