@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600&family=Dancing+Script:wght@700&family=Pacifico&display=swap");:root{--primary-glow:#ff9e00;--secondary-glow:#ff3c00;--text-primary:#ffffff;--text-secondary:#e0e0e0;--hero-bg-1:url(/hero-bg.webp);--hero-bg-2:url(/hero-bg-2.webp);--hero-bg-3:url(/hero-bg-3.webp)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-height:100%;font-family:Inter,sans-serif;background-color:#030308;color:var(--text-primary);overflow-x:clip}.hero-gsap-section{background:#000}.hero-gsap-section,.hero-viewport{position:relative;width:100%;height:100vh}.hero-viewport{overflow:hidden;display:flex;flex-direction:column}.hero-bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:80%;will-change:transform,opacity}.hero-vignette{inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.75) 100%),linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.25) 50%,transparent)}.hero-vignette,.sword-glow{position:absolute;z-index:2;pointer-events:none}.sword-glow{top:50%;left:75%;width:400px;height:900px;background:radial-gradient(ellipse at center,rgba(255,230,100,.6) 0,rgba(255,100,0,.2) 40%,transparent 70%);transform:translate(-50%,-50%) rotate(35deg);mix-blend-mode:color-dodge;animation:swordPulse 1.5s ease-in-out infinite alternate}@keyframes swordPulse{0%{opacity:.5;filter:blur(25px);transform:translate(-50%,-50%) rotate(35deg) scale(.9)}to{opacity:1;filter:blur(35px);transform:translate(-50%,-50%) rotate(35deg) scale(1.1)}}.navbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:2rem 5%}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:2px}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all .3s ease}.nav-links a:hover{color:var(--primary-glow)}.content-container{position:relative;z-index:10;flex:1 1;display:flex;align-items:center;padding:0 5%;pointer-events:none}.text-layer{position:absolute;left:5%;max-width:800px;will-change:transform,opacity,filter;pointer-events:none}.text-content{max-width:600px}.large-desc{font-size:1.5rem;line-height:1.6;max-width:800px;color:#e2e8f0;text-shadow:0 0 20px rgba(0,0,0,.8)}.subtitle{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--primary-glow);text-transform:uppercase;letter-spacing:4px;margin-bottom:1rem;opacity:.9}.title-container{position:relative;display:block;margin-bottom:1.5rem}.title{font-family:Orbitron,sans-serif;font-size:5rem;font-weight:900;color:transparent;line-height:1.1;position:relative;z-index:2;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.title-purple{background-image:linear-gradient(90deg,#9d4edd,#c77dff 25%,#ffffff 50%,#c77dff 75%,#9d4edd)}.title-gold,.title-purple{background-size:200% auto;animation:titleFireSweep 3s linear infinite}.title-gold{background-image:linear-gradient(90deg,#ff6b00,#ffb703 25%,#ffffff 50%,#ffb703 75%,#ff6b00)}.title-blue{background-image:linear-gradient(90deg,#0077b6,#00f5ff 25%,#ffffff 50%,#00f5ff 75%,#0077b6);background-size:200% auto;animation:titleFireSweep 3s linear infinite}@keyframes titleFireSweep{0%{background-position:0}to{background-position:-200%}}.layer-3{left:0;right:0;top:0;bottom:0;width:100%;max-width:100%;padding:0 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.layer-3 .title-container{margin-bottom:0}.layer-3 .title{font-size:clamp(3.5rem,9vw,8rem)}.description{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:400;line-height:1.8;letter-spacing:.5px;color:#e2e8f0;max-width:550px;margin-bottom:2.5rem;text-shadow:0 2px 8px rgba(0,0,0,.9);opacity:0;animation:slideUpFade 1.2s cubic-bezier(.2,.8,.2,1) .6s forwards}.highlight-text{font-weight:600;color:transparent;background:linear-gradient(90deg,#ffe0b2,#ff9e00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;pointer-events:none}.scroll-text{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--primary-glow);text-transform:uppercase;letter-spacing:4px;opacity:.7}.scroll-arrow{opacity:.8;filter:drop-shadow(0 0 8px rgba(255,158,0,.8))}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.mobile-break{display:none}@media (max-width:600px){:root{--hero-bg-1:url(/hero-bg-mb.webp);--hero-bg-2:url(/hero-bg-2-mb.webp);--hero-bg-3:url(/hero-bg-3-mb.webp)}.hero-bg-layer{background-position:50%}.mobile-break{display:block}.text-layer{left:0;width:100%;max-width:100%;padding:0 20px;text-align:center;bottom:25%;top:auto}.title{font-size:clamp(1.8rem,6.5vw,2.4rem);line-height:1.2}.layer-3{top:0;bottom:0;padding:0 20px}.layer-3 .title{font-size:clamp(2.6rem,11vw,3.8rem)}.subtitle{font-size:1rem;margin-bottom:1.5rem}.title-container{margin-bottom:2rem}.hero-vignette{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.6) 60%,rgba(0,0,0,.2))}.content-container{align-items:center;padding:5% 25px 2rem}.scroll-indicator{bottom:30px;opacity:.8}.scroll-text{font-size:.65rem;letter-spacing:3px}.nav-links{display:none}}.section-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-bottom:4rem;color:#fff;background:linear-gradient(90deg,#ff6b2b,#4bb1ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blogs-section{padding:6rem 5%;background:transparent;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.blogs-grid,.blogs-section,.section-header{position:relative;z-index:10}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem}.blog-card{background:rgba(20,20,30,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,158,0,.2);border-radius:12px;overflow:hidden;transition:border-color .3s ease;padding:1.5rem;position:relative}.blog-card:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,100,0,.08) 0,transparent 70%);transform:translate(-50%,-50%);z-index:-1;opacity:0;transition:opacity .5s ease;pointer-events:none;mix-blend-mode:screen}.blog-card:hover:before{opacity:1}.blog-card:hover{border-color:var(--primary-glow)}.blog-thumb{width:100%;aspect-ratio:16/9;height:auto;background:linear-gradient(45deg,#111,rgba(255,158,0,.15));border-radius:8px;margin-bottom:1.5rem}.blog-content h3{font-family:Orbitron,sans-serif;color:#fff;margin-bottom:.5rem;font-size:1.25rem}.blog-content p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.blog-btn{background:transparent;color:var(--primary-glow);border:1px solid var(--primary-glow);padding:.5rem 1rem;font-family:Orbitron,sans-serif;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.blog-btn:hover{background:rgba(255,158,0,.2);box-shadow:0 0 10px rgba(255,158,0,.4)}.blog-btn.outline{border-color:#666;color:#ccc}.blog-btn.outline:hover{border-color:#fff;color:#fff;box-shadow:0 0 10px rgba(255,255,255,.2)}.tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tag{background:rgba(255,158,0,.15);color:var(--primary-glow);padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600}.project-links{display:flex;gap:1rem;margin-top:auto}.premium-swiper{width:100%;padding:4rem 1rem!important}.premium-swiper .swiper-slide{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease,opacity .6s ease;transform:scale(.85);filter:blur(6px);opacity:.4;height:auto;display:flex}.premium-swiper .swiper-slide-active{transform:scale(1);filter:blur(0);opacity:1}.premium-swiper .swiper-slide-active .swiper-card{box-shadow:0 0 25px rgba(255,158,0,.2),inset 0 0 10px rgba(255,100,0,.1);border-color:rgba(255,158,0,.5)}.swiper-card{width:100%;height:100%;display:flex;flex-direction:column}@media (max-width:600px){.premium-swiper{height:65vh}}.app-main{position:relative;width:100%;z-index:1;overflow:visible}.about-section{padding:6rem 5%;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:80vh}.about-container{display:flex;gap:4rem;max-width:1200px;width:100%;align-items:center}.about-image-wrapper{flex:1 1;perspective:1200px;min-width:300px;height:450px}.floating-profile{width:100%;height:100%;position:relative;background:url(/profile.webp) 50%/cover no-repeat;background-color:#111;border-radius:20px;border:2px solid rgba(255,158,0,.4);box-shadow:0 15px 40px rgba(0,0,0,.8),inset 0 0 20px rgba(255,158,0,.3);transform-style:preserve-3d;transition:box-shadow .3s ease;cursor:-webkit-grab;cursor:grab}.floating-profile.dragging,.floating-profile:active{box-shadow:0 25px 60px rgba(0,0,0,.9),inset 0 0 40px rgba(255,158,0,.6);cursor:-webkit-grabbing;cursor:grabbing}.floating-profile:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px rgba(255,158,0,.6);border-radius:20px;pointer-events:none}.floating-profile:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle,rgba(255,100,0,.3) 0,transparent 70%);border-radius:30px;z-index:-1;opacity:.5;transition:opacity .3s,transform .3s,filter .3s;pointer-events:none}.floating-profile.dragging:before{opacity:1;transform:scale(1.15);filter:blur(25px)}.energy-trail{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:inherit;border-radius:20px;z-index:-1;opacity:0;filter:blur(20px);transition:opacity .4s ease;pointer-events:none}.floating-profile.dragging .energy-trail{opacity:.8;animation:trailPulse .4s infinite alternate}@keyframes trailPulse{0%{transform:translate(-50%,-50%) scale(1.05);opacity:.5;box-shadow:0 0 40px rgba(255,80,0,.8)}to{transform:translate(-50%,-50%) scale(1.15);opacity:.9;box-shadow:0 0 80px rgba(255,150,0,1)}}.about-content{flex:1.2 1;background:rgba(20,20,30,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:16px;border:1px solid rgba(255,158,0,.15);box-shadow:0 15px 35px rgba(0,0,0,.4)}.about-content h2{font-family:Orbitron,sans-serif;font-size:3rem;color:var(--primary-glow);margin-bottom:1.5rem}.about-content h2 span{color:transparent;-webkit-text-stroke:1px var(--text-primary);text-shadow:none}.about-content p{color:var(--text-secondary);font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem}.highlight{color:#fff;font-weight:600}@media (max-width:1024px){.about-container{flex-direction:column;text-align:center;gap:3.5rem}.about-image-wrapper{flex:none;width:80%;max-width:320px;height:400px;min-height:400px;margin:0 auto}.title{font-size:4rem}.about-content h2{font-size:2.5rem}.nav-links{display:none}}@media (max-width:600px){.about-section{padding:3rem 1.5rem}.about-image-wrapper{max-width:280px;height:350px;min-height:350px}.about-content{padding:2.5rem 1.5rem}.about-content h2{font-size:2.2rem}.about-content p{font-size:1rem;line-height:1.7}.premium-swiper{height:65vh}}.mobile-glow-pulse{animation:mobileAvatarGlow 4s ease-in-out infinite alternate}@keyframes mobileAvatarGlow{0%{box-shadow:0 15px 40px rgba(0,0,0,.8),inset 0 0 15px rgba(255,158,0,.2),0 0 10px rgba(255,100,0,.1)}to{box-shadow:0 20px 50px rgba(0,0,0,.9),inset 0 0 35px rgba(255,158,0,.5),0 0 35px rgba(255,150,0,.4)}}html.lenis-scrolling iframe{pointer-events:none!important}html.nav-active{overflow:hidden!important;scrollbar-width:none!important}html.nav-active::-webkit-scrollbar{display:none!important}.navbar-custom{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .5s cubic-bezier(.25,1,.5,1),background-color .5s ease;padding:1.5rem 2.5rem}.navbar-custom,.navbar-custom.scrolled{background:transparent;border-bottom:none}.navbar-custom.scrolled{padding:.8rem 2.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.navbar-container{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo-custom{font-family:Pacifico,cursive;font-size:2.2rem;color:#ffffff;text-decoration:none;z-index:1005;transition:color .3s cubic-bezier(.25,1,.5,1)}.navbar-custom.light-theme .nav-logo-custom{color:#111115}.nav-active-indicator{display:flex;align-items:center;gap:.2rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:2px;color:#ffffff;margin-right:1.5rem;opacity:.85;transition:color .3s cubic-bezier(.25,1,.5,1)}.navbar-custom.light-theme .nav-active-indicator{color:#111115}.indicator-brackets{opacity:.45}.nav-logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;color:var(--text-primary);text-decoration:none;letter-spacing:2px;transition:text-shadow .3s ease;position:relative;z-index:1001}.nav-logo:hover{text-shadow:0 0 10px rgba(255,158,0,.6)}.logo-dot{color:var(--primary-glow);text-shadow:0 0 10px rgba(255,158,0,.8)}.nav-links-desktop{display:flex;gap:1.8rem;align-items:center}.nav-link-item{position:relative;font-family:Orbitron,sans-serif;text-decoration:none;color:var(--text-secondary);font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s ease;padding:.4rem 0}.nav-link-item.active,.nav-link-item:hover{color:var(--text-primary)}.nav-underline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--secondary-glow),var(--primary-glow));transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.25,1,.5,1);box-shadow:0 0 8px var(--primary-glow)}.nav-link-item.active .nav-underline,.nav-link-item:hover .nav-underline{transform:scaleX(1);transform-origin:left}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;z-index:1001;padding:.5rem;transition:transform .3s ease}.mobile-menu-toggle:hover{color:var(--primary-glow)}.nav-menu-mobile{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(3,3,8,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;display:flex;justify-content:center;align-items:center;transition:right .5s cubic-bezier(.77,0,.175,1)}.nav-menu-mobile.open{right:0}.mobile-links-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%}.mobile-link-item{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;color:var(--text-secondary);text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:all .3s ease;opacity:0;transform:translateY(20px)}.nav-menu-mobile.open .mobile-link-item{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.25,1,.5,1)}.mobile-link-item.active,.mobile-link-item:hover{color:var(--primary-glow);transform:scale(1.1)}.nav-toggle-custom{display:block;margin-left:auto}.desktop-menu-toggle{display:flex;align-items:center;justify-content:center;background:rgba(3,3,8,.4);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:60px;height:60px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1005;position:relative}.desktop-menu-toggle:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}.navbar-custom.light-theme .desktop-menu-toggle{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.15)}.navbar-custom.light-theme .desktop-menu-toggle:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.3)}.desktop-toggle-line-container{display:flex;flex-direction:column;justify-content:space-between;width:32px;height:14px;position:relative}.desktop-toggle-line{height:3px;background:#ffffff;border-radius:3px;position:absolute;transition:transform .3s ease,background-color .3s ease}.navbar-custom.light-theme .desktop-toggle-line{background:#111115}.desktop-toggle-line.line-top{top:0}.desktop-toggle-line.line-bottom{bottom:0}.desktop-fullscreen-menu{position:fixed;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,244,248,.98));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:999;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.desktop-fullscreen-container{max-width:1200px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.desktop-fullscreen-links{display:flex;flex-direction:column;gap:2.2rem;align-items:center}.desktop-fullscreen-link-wrapper{overflow:hidden}.desktop-fullscreen-link-item{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,4.5rem);font-weight:900;text-transform:uppercase;color:#111115;text-decoration:none;display:inline-flex;align-items:center;gap:1.5rem;transition:color .3s ease,transform .3s ease;line-height:1.1}.desktop-fullscreen-link-item .link-text{position:relative}.desktop-fullscreen-link-item .link-arrow{opacity:0;transform:translateX(-15px);transition:opacity .3s ease,transform .3s ease;font-size:.8em}.desktop-fullscreen-link-item:hover{color:var(--primary-glow)}.desktop-fullscreen-link-item:hover .link-arrow{opacity:1;transform:translateX(0)}.text-roll-container{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;height:1.15em;line-height:1.15em}.text-roll-inner{display:flex;flex-direction:column;transform:translateY(-50%);transition:transform .45s cubic-bezier(.76,0,.24,1)}.text-roll-item{display:block;height:1.15em;line-height:1.15em}.desktop-fullscreen-link-item:hover .text-roll-inner{transform:translateY(0)}.desktop-fullscreen-socials{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;gap:2rem;justify-content:center}.social-icon-item{color:#33333b;background:rgba(0,0,0,.05);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 12px rgba(0,0,0,.05)}.social-icon-item:hover{color:var(--primary-glow);background:rgba(0,0,0,.08);transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,158,0,.15)}.navbar-custom.menu-open .nav-logo-custom{color:#111115;text-shadow:none}.navbar-custom.menu-open .desktop-toggle-line{background:#111115}.navbar-custom.menu-open .desktop-menu-toggle{border-color:rgba(3,3,8,.15);background:rgba(3,3,8,.04)}.navbar-custom.menu-open .desktop-menu-toggle:hover{background:rgba(3,3,8,.08);border-color:rgba(3,3,8,.5)}@media (max-width:600px){.navbar-custom{padding:1.2rem}.navbar-custom.scrolled{padding:.8rem 1.2rem}.navbar-container{justify-content:space-between}.nav-logo-custom{font-size:1.8rem}.desktop-menu-toggle{width:50px;height:50px}.desktop-toggle-line-container{width:26px;height:12px}.desktop-fullscreen-links{gap:1.5rem}.desktop-fullscreen-link-item{font-size:2.2rem}.social-icon-item{width:50px;height:50px}.desktop-fullscreen-socials{bottom:15%;gap:1.2rem}.desktop-fullscreen-menu{background:linear-gradient(135deg,#ffffff,#f0f4f8);backdrop-filter:none;-webkit-backdrop-filter:none}}.blogs-page-wrapper{background-color:#ffffff;color:#111115;min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;z-index:999}.marquee-container{overflow:hidden;width:100%;background:#ffffff;padding:2rem 0 .5rem;white-space:nowrap;position:relative;border-bottom:1px solid rgba(0,0,0,.05);margin-top:80px}.marquee-content{display:inline-flex;gap:4rem;animation:marquee 25s linear infinite}.marquee-content span{font-family:Playfair Display,Georgia,serif;font-size:clamp(4rem,10vw,9.5rem);font-weight:900;color:#111115;text-transform:capitalize;letter-spacing:-2px}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.blogs-page-main{flex:1 1;max-width:1700px;width:94%;margin:4rem auto 6rem}.blogs-page-heading{font-family:Pacifico,cursive;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:500;color:#111115;margin-bottom:3rem;text-align:left;display:flex;align-items:center;gap:1.5rem;width:100%}.blogs-handdrawn-line{flex:1 1;height:16px;opacity:.85}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem 2rem;gap:3rem 2rem;width:100%}.article-card{background:#ffffff;border-radius:16px;overflow:hidden;transition:transform .3s ease}.article-card-link{text-decoration:none;color:inherit;display:block}.article-image-wrapper{width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#f5f5f7;border:1px solid rgba(0,0,0,.04)}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-image{transform:scale(1.04)}.article-info{padding:1.25rem .25rem .5rem;display:flex;flex-direction:column;gap:.8rem}.article-title{font-size:1.25rem;font-weight:700;color:#111115;line-height:1.4;-webkit-line-clamp:2}.article-desc,.article-title{font-family:Inter,sans-serif;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-desc{font-size:.95rem;color:#555566;line-height:1.6;-webkit-line-clamp:3}.article-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.article-tag-badge{display:inline-block;background-color:#fce7f3;color:#db2777;font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;padding:.4rem 1rem;border-radius:30px;text-transform:lowercase}.article-arrow-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#111115;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;background:#ffffff;overflow:hidden}.article-card:hover .article-arrow-btn{background:#111115;color:#ffffff;border-color:#111115}@media (max-width:1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:600px){.articles-grid{grid-template-columns:1fr;gap:2.5rem}.blogs-page-main{margin:2rem auto 4rem}.marquee-container{margin-top:65px;padding:1.25rem 0 .25rem}}@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");.projects-page-wrapper{min-height:100vh;width:100%;position:relative;background-color:#030308;color:#ffffff;padding:8rem 0 0;overflow:hidden}.projects-page-container{width:100%;max-width:100%;padding:0 4rem;margin:0 auto;position:relative;z-index:2}.projects-header{margin-bottom:3.5rem;text-align:center}.projects-page-title{font-family:Pacifico,cursive;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:500;letter-spacing:normal;text-transform:none;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:100%;display:block}.title-underline-container{display:flex;justify-content:center;margin:.5rem auto 2.5rem}.projects-page-subtitle{color:rgba(255,255,255,.6);font-size:1.15rem;max-width:850px;line-height:1.8;margin:0 auto 2.5rem}.works-category-filters{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);padding:.6rem 1.6rem;border-radius:30px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;letter-spacing:1px;transition:color .3s ease,border-color .3s ease;position:relative;overflow:visible}.filter-btn:hover{border-color:rgba(255,255,255,.3);color:#ffffff}.filter-btn.active{color:#030308;border-color:transparent;background:transparent}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem;gap:2.5rem;width:100%}.small-project-card{background:linear-gradient(135deg,#ffffff,#fffdf4 60%,#fff9e6);border:none;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;width:100%;transition:box-shadow .4s cubic-bezier(.25,1,.5,1),transform .4s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 30px rgba(0,0,0,.15);color:#0a0a0f}.small-project-card:hover{box-shadow:0 15px 45px rgba(0,0,0,.25);transform:translateY(-8px)}.card-image-wrapper{position:relative;width:100%;padding-top:56.25%;background:#111118;overflow:hidden}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1)}.small-project-card:hover .card-image{transform:scale(1.05)}.card-image-placeholder{top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:rgba(0,0,0,.3);font-size:.9rem}.card-badge,.card-image-placeholder{position:absolute;font-family:Orbitron,sans-serif}.card-badge{top:1rem;right:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;color:#e68a00;letter-spacing:1px;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card-content{padding:1.8rem;display:flex;flex-direction:column}.card-category-tag{font-size:.75rem;color:#e68a00;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;display:inline-block}.card-category-tag,.card-title{font-family:Orbitron,sans-serif;font-weight:700}.card-title{font-size:1.3rem;color:#030308;margin-bottom:.8rem;letter-spacing:.5px}.card-desc{color:#44444f;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.card-stack-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem}.tech-tag{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);color:#0a0a0f;padding:.3rem .6rem;border-radius:6px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:500}.card-actions{display:flex;gap:1rem;width:100%}.card-btn{flex:1 1;text-align:center;padding:.8rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;justify-content:center}.card-btn.btn-demo{background:#030308;color:#ffffff;border:1px solid #030308}.card-btn.btn-demo:hover{background:transparent;color:#030308}.card-btn.btn-github{background:rgba(0,0,0,.04);color:#0a0a0f;border:1px solid rgba(0,0,0,.1)}.card-btn.btn-github:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}@media (max-width:1024px){.projects-page-container{padding:0 2rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-page-wrapper{padding:6rem 0 0}.projects-page-container{padding:0 1.5rem}.projects-page-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr;gap:1.8rem}.works-category-filters{gap:.6rem;margin-top:1.5rem}.filter-btn{padding:.5rem 1.2rem;font-size:.8rem}}.loading-screen{position:fixed;inset:0;width:100vw;height:100vh;background-color:#ffb703;z-index:999999}.loader-content,.loading-screen{display:flex;justify-content:center;align-items:center}.loader-content{flex-direction:column}.loader-percentage{font-size:clamp(4rem,12vw,7.5rem);color:#111115;line-height:.9;margin-bottom:2rem;letter-spacing:-2px}.loader-percentage,.loader-text-wrapper{font-family:Orbitron,sans-serif;font-weight:900;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loader-text-wrapper{position:relative;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:12px;line-height:1;padding:10px}.loader-text{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:uppercase}.bg-text{color:rgba(17,17,21,.1)}.loader-text-fill-container{position:absolute;bottom:10px;left:10px;width:100%;height:0;overflow:hidden}.fg-text{position:absolute;bottom:0;left:0;width:100%;color:#111115;white-space:nowrap}.about-collage-overlay{position:absolute;inset:0;width:100%;height:100vh;z-index:5;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0}.about-horizontal-track{display:flex;width:400vw;height:100%;pointer-events:none;will-change:transform}.about-panel{width:100vw;height:100vh;flex-shrink:0;display:flex;position:relative;overflow-y:auto;padding:2rem}.about-collage-container,.about-panel{align-items:center;justify-content:center;pointer-events:auto}.about-collage-container{width:100%;height:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;grid-column-gap:clamp(2.5rem,5vw,6rem);column-gap:clamp(2.5rem,5vw,6rem);padding:0 4rem}.about-title-column{justify-self:start}.about-main-title{font-family:Pacifico,cursive;font-size:clamp(4.5rem,8vw,7.5rem);font-weight:500;color:#111115;line-height:1.3;letter-spacing:1px}.about-image-center-placeholder{width:clamp(350px,32vw,500px);height:clamp(450px,54vh,600px);visibility:hidden}.collage-quote-box{justify-self:end;text-align:left;max-width:500px;border-left:3px solid var(--primary-glow);padding-left:2rem}.collage-quote{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.4rem,2.2vw,2.2rem);color:#1a1a24;line-height:1.6;margin-bottom:1rem}.collage-signature{font-family:Pacifico,cursive;font-size:1.8rem;color:#111115}.about-transition-bg{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);pointer-events:none;transition:background .8s ease}.about-panel-content{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;padding:4rem 2rem;height:100%;justify-content:center;align-items:center}.about-panel-title{font-family:Pacifico,cursive;font-size:clamp(2.2rem,3.8vw,3.5rem);color:#111115;margin-bottom:2.5rem;text-align:center;line-height:1.3;font-weight:500}.about-panel-subtitle{font-family:Orbitron,sans-serif;font-size:1.4rem;color:#ff6b00;text-transform:uppercase;margin-bottom:1.5rem;font-weight:700;letter-spacing:2px}.about-panel-desc{font-family:Inter,sans-serif;font-size:clamp(1rem,1.1vw,1.25rem);color:#2c2c35;line-height:1.8;margin-bottom:1.5rem;max-width:650px}.skills-panel-content{justify-content:center;padding-top:6rem;max-width:1600px;width:100%}.skills-intro{font-family:Inter,sans-serif;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.7;color:#2c2c35;text-align:center;max-width:760px;margin:0 auto 2.5rem}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem 2rem;gap:1.25rem 2rem;width:100%;margin:0 auto;padding:0 1rem 1rem}.skills-row.skills-row-wide{grid-column:1/-1}.skills-row{display:grid;grid-template-columns:200px 1fr;align-items:baseline;grid-gap:1.5rem;gap:1.5rem;padding:1.1rem 1.5rem;background:rgba(255,255,255,.45);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(3,3,8,.08);border-radius:12px;box-shadow:0 6px 24px rgba(3,3,8,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skills-row:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(255,158,0,.12);border-color:rgba(255,158,0,.3);background:rgba(255,255,255,.6)}.skills-row-label{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;color:#111115;text-transform:uppercase;letter-spacing:1px}.skills-row-items{font-family:Inter,sans-serif;font-size:clamp(.92rem,1vw,1.05rem);line-height:1.6;color:#33333b}.double-column-panel{flex-direction:row;gap:4rem;align-items:center;text-align:left}.panel-left-col{flex:1 1;align-items:center}.panel-left-col,.panel-right-col{display:flex;justify-content:center}.panel-right-col{flex:1.2 1;flex-direction:column}.logo-card-wrapper{background:rgba(255,255,255,.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(3,3,8,.08);padding:2rem;border-radius:24px;box-shadow:0 15px 45px rgba(3,3,8,.06);display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:380px;transition:transform .4s ease}.logo-card-wrapper:hover{transform:scale(1.03)}.brand-logo-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 25px rgba(3,3,8,.12),0 0 20px rgba(255,158,0,.25)}.logo-badge{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:2px;color:#fff;background:linear-gradient(135deg,var(--secondary-glow) 0,var(--primary-glow) 100%);padding:.6rem 1.5rem;border-radius:30px;text-transform:uppercase;box-shadow:0 4px 15px rgba(255,60,0,.25)}.panel-text-col{flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.panel-title-left{text-align:left}.panel-server-col{flex:0.8 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.server-heading{font-family:Pacifico,cursive;font-size:1.8rem;font-weight:500;color:#111115}.server-logo-link{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;cursor:pointer;pointer-events:auto;transition:transform .35s ease}.server-logo-link:hover{transform:scale(1.05)}.server-logo-img{width:170px;height:170px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 25px rgba(3,3,8,.12),0 0 20px rgba(255,158,0,.25);transition:box-shadow .35s ease}.server-logo-link:hover .server-logo-img{box-shadow:0 12px 35px rgba(3,3,8,.18),0 0 30px rgba(255,158,0,.45)}.server-logo-name{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;color:#111115}@media (max-width:1024px){.double-column-panel{flex-direction:column;gap:2rem;text-align:center;padding:2rem 1rem}.panel-right-col{align-items:center}.panel-3 .double-column-panel,.panel-4 .double-column-panel{justify-content:center;min-height:100%;gap:1.5rem}.panel-3 .panel-left-col,.panel-3 .panel-right-col,.panel-4 .panel-left-col,.panel-4 .panel-right-col{flex:0 0 auto;width:100%;justify-content:flex-start}.panel-text-col{align-items:center;text-align:center}.panel-3 .panel-title-left,.panel-4 .panel-title-left{text-align:center;margin-bottom:1rem}.panel-3 .about-panel-desc:last-child,.panel-4 .about-panel-desc:last-child{margin-bottom:0}.panel-server-col{gap:1rem}.server-logo-img{width:120px;height:120px}}@media (max-width:600px){.about-horizontal-track{width:400vw}.about-panel{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.about-panel::-webkit-scrollbar{display:none}.skills-panel-content{justify-content:center;padding:4.5rem 1rem 2rem;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.skills-panel-content::-webkit-scrollbar{display:none}.skills-panel-content .about-panel-title{margin-bottom:1.2rem}.skills-intro{font-size:.95rem;line-height:1.55;margin-bottom:1.5rem}.skills-list{grid-template-columns:repeat(2,1fr);gap:.9rem 1rem;padding:0 .25rem 1.5rem}.skills-row,.skills-row.skills-row-wide{grid-column:auto;grid-template-columns:1fr;gap:.35rem;padding:.9rem 1.1rem;border-radius:10px}.skills-row.skills-row-wide{grid-column:1/-1}.skills-row-label{font-size:.88rem}.skills-row-items{font-size:.85rem;line-height:1.45}.about-collage-container{display:flex;flex-direction:column;padding:5rem 1.25rem 2.5rem;overflow-y:auto;justify-content:space-between;align-items:center;gap:1.5rem;column-gap:0}.about-title-column{order:0;justify-self:center;text-align:center;flex-shrink:0}.about-main-title{font-size:2.6rem;line-height:1.15}.about-image-center-placeholder{display:block;visibility:hidden;order:1;flex-shrink:0;width:min(60vw,360px);height:min(38vh,420px);min-width:0;min-height:0}.collage-quote-box{order:2;justify-self:center;text-align:center;border-left:none;border-top:3px solid var(--primary-glow);padding-left:0;padding-top:1.25rem;margin-top:0;flex-shrink:0}.collage-quote{font-size:clamp(1.1rem,4.5vw,1.45rem);margin-bottom:.75rem}.collage-signature{font-size:1.4rem}.brand-logo-img{width:140px;height:140px}.logo-card-wrapper{padding:1.5rem}}@media (max-width:480px){.skills-intro{font-size:.88rem;line-height:1.5;margin-bottom:1rem}.skills-list{gap:.65rem .8rem;padding-bottom:1rem}.skills-row,.skills-row.skills-row-wide{padding:.7rem .85rem}.skills-row-label{font-size:.82rem}.skills-row-items{font-size:.8rem;line-height:1.4}}@media (max-width:400px){.about-panel{padding:1rem .5rem}.skills-panel-content{padding:4rem .5rem 1.5rem}.about-panel-title{font-size:1.5rem;margin-bottom:.6rem}.skills-intro{font-size:.78rem;line-height:1.4;margin-bottom:.9rem;max-width:100%}.skills-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 .1rem .5rem}.skills-row,.skills-row.skills-row-wide{grid-column:auto;min-width:0;padding:.55rem .65rem;gap:.25rem}.skills-row-label{letter-spacing:.5px}.skills-row-items,.skills-row-label{min-width:0;font-size:.72rem;overflow-wrap:break-word}.skills-row-items{line-height:1.35;word-break:break-word}.panel-3 .double-column-panel,.panel-4 .double-column-panel{justify-content:flex-start;padding-top:5.5rem;padding-bottom:2rem}.about-panel-desc{font-size:.92rem;line-height:1.6}.about-collage-container{padding:5rem 1rem 2rem;gap:1rem}}.blogs-section-purple{position:relative;height:100%;width:100%;padding:8rem 2.5% 6rem;display:flex;justify-content:center;align-items:center;overflow:hidden;border-bottom-left-radius:48px;border-bottom-right-radius:48px}.blogs-purple-bg{position:absolute;inset:0;background:linear-gradient(180deg,#e8ddfc,#f4effd 60%,#ffffff);z-index:0}.blogs-split-container{position:relative;z-index:1;width:97%;max-width:1900px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.blogs-sidebar{display:flex;flex-direction:column;gap:1.5rem}.blogs-title-wrap{display:flex;align-items:baseline;gap:1rem}.blogs-sidebar-title{font-family:Pacifico,cursive;font-size:clamp(3.2rem,5vw,4.8rem);font-weight:500;color:#111115;line-height:1.2}.blogs-sidebar-subtitle{font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:.5px}.blogs-sidebar-line{width:100%;height:1px;background:rgba(255,255,255,.15)}.blogs-content-area{display:flex;flex-direction:column;gap:3.5rem}.blogs-content-area,.blogs-slider-viewport{width:100%;overflow:hidden}.blogs-grid-custom{display:flex;gap:2rem;width:100%;will-change:transform}.blog-card-custom{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);border:1px solid rgba(0,0,0,.03)}.blog-card-custom:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(123,77,212,.25);border-color:rgba(123,77,212,.15)}.blog-card-link-custom{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card-thumb-custom{width:100%;aspect-ratio:16/10;background-size:cover;background-position:50%;background-color:#f0f0f5;transition:transform .6s cubic-bezier(.25,1,.5,1)}.blog-card-custom:hover .blog-card-thumb-custom{transform:scale(1.04)}.blog-card-body-custom{padding:1.5rem;display:flex;flex-direction:column;flex:1 1}.blog-card-title-custom{font-size:1.15rem;font-weight:750;color:#111115;line-height:1.4;margin-bottom:.8rem;-webkit-line-clamp:2;height:3.2em}.blog-card-desc-custom,.blog-card-title-custom{font-family:Inter,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-desc-custom{font-size:.92rem;color:#555560;line-height:1.6;margin-bottom:1.5rem;-webkit-line-clamp:3;flex:1 1}.blog-card-footer-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.blog-card-badge-custom{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:800;padding:.4rem 1rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.blog-card-arrow-custom{width:56px;height:56px;border-radius:50%;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#111115;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;overflow:hidden}.blog-card-custom:hover .blog-card-arrow-custom{background:var(--primary-glow);border-color:var(--primary-glow);color:#ffffff}.blogs-controls-row{display:flex;align-items:center;gap:2rem;width:100%}.blogs-nav-arrows{display:flex;gap:.8rem}.blogs-nav-arrow{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.blogs-nav-arrow.active{background:#ffffff;border-color:rgba(0,0,0,.1);color:#111115;box-shadow:0 4px 12px rgba(0,0,0,.08)}.blogs-nav-arrow.active:hover{background:rgba(255,255,255,.9);transform:scale(1.05)}.blogs-progress-line{flex:1 1;height:3px;background:rgba(0,0,0,.08);position:relative;border-radius:3px;overflow:hidden}.blogs-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--secondary-glow),var(--primary-glow));transition:width .4s cubic-bezier(.25,1,.5,1);box-shadow:0 0 8px var(--primary-glow)}.blogs-list-btn{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;background:#111115;color:#ffffff;border:1px solid rgba(0,0,0,.1);padding:.9rem 2.2rem;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.1)}.blogs-list-btn:hover{background:#ffffff;color:#111115;border-color:rgba(0,0,0,.15);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}@media (max-width:1200px){.blogs-split-container{grid-template-columns:1fr;gap:3rem}.blogs-sidebar{flex-direction:row;justify-content:space-between;align-items:center}.blogs-sidebar-line{display:none}}@media (max-width:600px){.blogs-section-purple{padding:6rem 1.5rem 4rem}.blog-card-title-custom{height:auto}.blogs-controls-row{flex-direction:column;gap:1.5rem;align-items:center}.blogs-progress-line{display:none}.blogs-list-btn{width:100%;text-align:center}}.blogs-pinned-wrapper{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:6;transform:translateY(100%);visibility:hidden;pointer-events:none;will-change:transform;background:#050508}html.blog-open,html.blog-open body{overflow:hidden!important;height:100%!important}.blog-detail-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;background-color:#030308;overflow-y:auto;padding:5rem 2rem;display:flex;justify-content:center;will-change:transform}.blog-detail-gradient{display:none}.blog-detail-container{position:relative;z-index:2;width:100%;max-width:850px;padding:2rem 0;margin-top:1.5rem;height:max-content}.blog-back-btn{background:transparent;border:1px solid rgba(255,255,255,.4);color:#ffffff;padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;margin-bottom:2.5rem;transition:background .2s ease}.blog-back-btn:hover{background:rgba(255,255,255,.1)}.blog-detail-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.25;color:#ffffff;margin-bottom:2.2rem;background:linear-gradient(90deg,#ffffff 30%,#c77dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-detail-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin-bottom:2.8rem;border:1px solid rgba(123,77,212,.25);box-shadow:0 15px 35px rgba(0,0,0,.45)}.blog-detail-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog-detail-body{font-family:Inter,sans-serif;font-size:1.12rem;line-height:1.95;color:#e2e2e9;letter-spacing:.2px}.blog-detail-body p{margin-bottom:1.8rem}.blog-detail-body h2,.blog-detail-body h3{font-family:Orbitron,sans-serif;color:#ffffff;margin:2.5rem 0 1.2rem}@media (max-width:600px){.blog-detail-wrapper{padding:2.5rem 1rem}.blog-detail-container{padding:1.8rem 1.2rem;margin-top:1rem;border-radius:16px}.blog-back-btn{padding:.55rem 1.3rem;font-size:.8rem}.blog-back-btn,.blog-detail-title{margin-bottom:1.8rem}}.blog-page-wrapper{color:#111115;min-height:100vh;flex-direction:column}.blog-page-main,.blog-page-wrapper{background-color:#fcfcfd;width:100%;display:flex}.blog-page-main{flex:1 1;padding:8rem 1.5rem 6rem;justify-content:center}.blog-page-container{width:100%;max-width:800px;display:flex;flex-direction:column}.blog-page-back-btn{align-self:flex-start;display:inline-flex;align-items:center;background:#ffffff;border:1px solid rgba(0,0,0,.08);color:#555560;padding:.6rem 1.4rem;border-radius:30px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:2rem;transition:all .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.03)}.blog-page-back-btn:hover{background:#111115;color:#ffffff;border-color:#111115;transform:translateX(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.blog-page-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:850;line-height:1.25;color:#111115;margin-bottom:2.5rem;letter-spacing:-.5px}.blog-page-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;margin-bottom:3rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 45px rgba(0,0,0,.07);background:#000000}.blog-page-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog-page-body{font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.9;color:#2e2e38}.blog-page-body p{margin-bottom:1.8rem}.blog-page-body h2,.blog-page-body h3{font-family:Inter,sans-serif;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;color:#111115;margin:3rem 0 1.2rem;letter-spacing:-.3px}.blog-page-body ol,.blog-page-body ul{margin:1.5rem 0 2rem 1.5rem;padding:0}.blog-page-body li{margin-bottom:.8rem;position:relative;list-style-type:disc;padding-left:.25rem}.blog-code-snippet{background-color:#0b0f19;border-radius:14px;padding:1.5rem;margin:2rem 0;overflow-x:auto;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 8px rgba(0,0,0,.8),0 10px 30px rgba(0,0,0,.15);position:relative}.blog-code-snippet:before{content:" ";display:block;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f;margin-bottom:1.2rem;opacity:.8}.blog-code-snippet code{font-family:Fira Code,Courier New,Courier,monospace;font-size:.95rem;color:#e2e8f0;line-height:1.6}.blog-download-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b4dd4,#5b21b6);color:#ffffff!important;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;padding:1rem 2.2rem;border-radius:30px;text-decoration:none;margin:2rem 0;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 25px rgba(123,77,212,.3);border:none;cursor:pointer}.blog-download-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(123,77,212,.45);background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.blog-download-btn:active{transform:translateY(-1px)}.blog-content-img{width:100%;height:auto;border-radius:16px;margin:2.5rem 0;border:1px solid rgba(0,0,0,.08);box-shadow:0 15px 35px rgba(0,0,0,.06)}.blog-outro{font-weight:600;font-style:italic;color:#555560;border-left:4px solid #7b4dd4;padding-left:1.2rem;margin:3rem 0}@media (max-width:600px){.blog-page-main{padding-top:6.5rem;padding-bottom:4rem}.blog-page-title{margin-bottom:1.8rem}.blog-page-video{margin-bottom:2rem;border-radius:12px}.blog-code-snippet{padding:1.2rem}.blog-code-snippet code{font-size:.85rem}}@media (max-width:400px){.blogs-section-purple{padding:4.5rem 1.25rem 2.5rem}.blogs-content-area,.blogs-split-container{gap:1.5rem}.blogs-sidebar-title{font-size:2.6rem}.blog-card-thumb-custom{aspect-ratio:16/9}.blog-card-body-custom{padding:1.1rem}.blog-card-desc-custom{-webkit-line-clamp:2;margin-bottom:1rem}.blogs-controls-row{gap:1rem}}.creations-section{min-height:100vh;position:relative;z-index:12;overflow:visible;background:transparent;margin-top:-48px}.creations-slider-viewport{width:100%;position:relative;overflow:visible}.creations-cards-track{width:100%;position:relative;display:block}.mobile-only-control{display:none!important}.project-card-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;border-top-left-radius:40px;border-top-right-radius:40px;border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -12px 24px rgba(0,0,0,.04);overflow:hidden;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.project-card-wrapper.first-card{margin-top:-40px}@media (min-width:601px){.project-card-wrapper{height:100vh}}.creations-container{max-width:1700px;width:96%;display:flex;flex-wrap:wrap;align-items:center;gap:2rem 3rem;position:relative;background:transparent;padding:2rem 1rem;transition:all .3s ease}@media (min-width:601px){.creations-container{flex-wrap:nowrap;height:100vh;padding:0 3%}}.project-info{flex:0 0 42%;min-width:320px;text-align:left;gap:1.5rem}.info-content,.project-info{display:flex;flex-direction:column}.info-content{position:relative;z-index:1;gap:1.2rem}.project-number{font-family:Orbitron,sans-serif;font-size:2.5rem;color:var(--primary-glow);letter-spacing:4px;font-weight:700}.project-title{font-family:Pacifico,Dancing Script,cursive;font-size:4.8rem;font-weight:400;color:#111115;line-height:1.2}.project-tag{display:inline-block;background:rgba(255,158,0,.15);color:var(--primary-glow);padding:.4rem 1.2rem;border-radius:30px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,158,0,.3);align-self:flex-start}.project-desc{font-family:Inter,sans-serif;font-size:1.35rem;color:#333340;line-height:1.8;max-width:600px}.project-actions{display:flex;gap:1.5rem;margin-top:1rem}.creations-btn{padding:.8rem 2rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:var(--primary-glow);color:#000;border:none;box-shadow:0 5px 15px rgba(255,158,0,.4)}.btn-primary:hover{box-shadow:0 10px 25px rgba(255,158,0,.6)}.btn-secondary{background:transparent;color:#111115;border:1px solid rgba(0,0,0,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{background:rgba(0,0,0,.05);border-color:#111115}.btn-explore-more{background:linear-gradient(135deg,#b100ff,#ff3c00);color:#fff!important;border:none;box-shadow:0 5px 20px rgba(177,0,255,.4)}.btn-explore-more:hover{box-shadow:0 10px 30px rgba(255,60,0,.6)}.preview-container{flex:0 0 54%;min-width:320px;flex-direction:column}.preview-card,.preview-container{position:relative;display:flex;justify-content:center;align-items:center}.preview-card{width:100%;aspect-ratio:16/10;padding:3px;will-change:transform}.preview-card,.preview-card:before{border-radius:24px;transform:translateZ(0)}.preview-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ff3c00,#ff9e00,#b100ff,#ff3c00);background-size:400%;filter:blur(8px);animation:fire-border 8s linear infinite;opacity:.8;will-change:transform,background-position}.preview-card-inner{position:relative;width:100%;height:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;border:1px solid rgba(0,0,0,.05);overflow:hidden;display:flex;justify-content:center;align-items:center;padding:.75rem;z-index:1}@keyframes fire-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-glow-pulse{position:absolute;inset:-25px;background:radial-gradient(circle,rgba(255,60,0,.2) 0,transparent 70%);z-index:0;pointer-events:none;animation:glow-pulse 3s ease-in-out infinite alternate;will-change:transform,opacity;transform:translateZ(0)}@keyframes glow-pulse{0%{transform:scale(.9);opacity:.4}to{transform:scale(1.1);opacity:.8}}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}.slider-nav{flex:0 0 100%;display:flex;justify-content:center;align-items:center;gap:2rem}.nav-arrows{display:flex;gap:1.5rem}.nav-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover{background:var(--primary-glow);color:#000;border-color:var(--primary-glow);transform:scale(1.1);box-shadow:0 0 15px var(--primary-glow)}.slider-dots{display:flex;gap:.8rem;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.15);cursor:pointer;transition:all .3s ease}.dot.active{background:#ff3c00;width:24px;border-radius:10px;box-shadow:0 0 10px rgba(255,60,0,.4)}.top-nav-arrows .project-number{font-size:2.2rem;background:linear-gradient(90deg,#ff9e00,#ff3c00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;letter-spacing:2px}.top-nav-arrows .nav-btn{background:rgba(255,158,0,.05);border:1px solid rgba(255,158,0,.2);color:#ff9e00}.top-nav-arrows .nav-btn:hover{background:rgba(255,158,0,.2);color:#fff;border-color:#ff9e00;box-shadow:0 0 20px rgba(255,158,0,.6)}.watermark-number{position:absolute;top:-80px;left:-20px;font-size:16rem;font-family:Orbitron,sans-serif;font-weight:900;color:rgba(255,158,0,.04);z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1024px){.project-title{font-size:2.8rem}.creations-container{gap:2rem}}@media (max-width:600px){.creations-section{padding:3rem 0;min-height:auto;overflow:hidden;background:#df9f00;border-radius:40px;margin:-15vh 10px 0;position:relative;z-index:15}.creations-slider-viewport{position:relative;width:100%;overflow:hidden;padding:1.5rem 0 3.5rem}.creations-cards-track{display:flex;flex-direction:row;width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);will-change:transform;--card-width:88%;transform:translateX(calc((100% - var(--card-width)) / 2 - var(--active-index) * var(--card-width)))}.project-card-wrapper{flex:0 0 88%;width:88%;position:relative;top:auto;height:auto;min-height:560px;will-change:transform;border-radius:24px;margin-bottom:0;margin-right:0;border:none;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s ease,box-shadow .5s ease;transform:scale(.93);opacity:.5;display:flex;align-items:stretch}.project-card-wrapper.first-card{margin-top:0}.project-card-wrapper.active{transform:scale(1);opacity:1;box-shadow:0 16px 40px rgba(0,0,0,.45)}.creations-container{flex-direction:column;justify-content:space-between;flex:1 1;height:auto;gap:1.5rem;max-width:100%;padding:2.2rem 1.5rem}.preview-container{order:1;width:100%;flex:none}.project-info{order:2;align-items:center;text-align:center;gap:.5rem;width:100%}.preview-card{padding:2px;aspect-ratio:16/12}.preview-card,.preview-card:before{border-radius:18px;will-change:auto}.preview-card:before{filter:none;opacity:.7;animation:none;background:linear-gradient(135deg,#ff3c00,#ff9e00,#b100ff)}.preview-card-inner{border-radius:16px;padding:.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff}.card-glow-pulse{display:none}.preview-image{border-radius:10px}.info-content{align-items:center;gap:.75rem}.project-number{font-size:1.1rem;letter-spacing:3px}.project-title{font-size:1.9rem;line-height:1.2}.project-tag{align-self:center;font-size:.85rem;padding:.3rem 1rem}.project-desc{font-size:1rem;line-height:1.6;max-width:100%;color:#444450}.project-actions{width:100%;gap:.75rem;margin-top:.5rem}.creations-btn{flex:1 1;padding:.85rem 1.2rem;font-size:.9rem;border-radius:10px;min-height:52px}.btn-explore-more{display:none}.mobile-only-control{display:flex!important}.nav-btn.mobile-only-control{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.15);color:#111115;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:all .3s ease;padding:0}.nav-btn.mobile-only-control:disabled{opacity:.3;pointer-events:none}.nav-btn.prev-btn{left:10px}.nav-btn.next-btn{right:10px}.mobile-explore-more-container{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:10;width:100%}.mobile-explore-more-btn{display:inline-flex;justify-content:center;align-items:center;padding:.8rem 2.5rem;background:#111115;color:#ffffff;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;border-radius:30px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:all .3s ease}.mobile-explore-more-btn:active{transform:scale(.95);background:#22222b}}@media (max-width:480px){.creations-section{border-radius:30px;margin:-15vh 8px 0}.creations-cards-track{--card-width:90%}.project-card-wrapper{flex:0 0 90%;width:90%;border-radius:20px;min-height:500px}.creations-container{max-width:100%;gap:1rem;padding:1.8rem 1.15rem 1.5rem}.preview-card,.preview-card:before{border-radius:14px}.preview-card-inner{border-radius:12px}.project-title{font-size:1.55rem}.project-desc{font-size:.92rem}.creations-btn{font-size:.8rem;padding:.75rem 1rem}.nav-btn.mobile-only-control{width:38px;height:38px}.nav-btn.mobile-only-control svg{width:18px;height:18px}}@media (max-width:400px){.project-info{min-width:0;width:100%}.creations-container{flex-wrap:nowrap;padding:1.6rem 1rem 1.4rem;gap:.85rem}.info-content,.preview-container,.project-actions,.project-desc,.project-info{min-width:0;max-width:100%}.project-desc{font-size:.88rem;line-height:1.55;overflow-wrap:break-word}.project-actions{flex-wrap:wrap}.creations-btn{min-width:0}}.explore-section{position:relative;width:100%;height:180vh;background:#050508;display:flex;flex-direction:column;justify-content:center;align-items:center}.explore-grid-wrapper{height:100%;overflow:hidden}.explore-grid-wrapper,.explore-masonry-grid{position:absolute;inset:0;width:100%;pointer-events:none;z-index:1}.explore-masonry-grid{height:125%;top:-12%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;padding:0 1.25rem}.explore-col{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:flex-start;padding-top:6vh}.explore-card{position:relative;width:100%;height:65vh;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.05);background:transparent;transform:translateZ(0)}.explore-card img{width:100%;height:100%;object-fit:cover;opacity:1;filter:none;display:block}.explore-overlay-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(5,5,8,.05) 0,rgba(5,5,8,.3) 60%,#050508 100%);z-index:2;pointer-events:none}.explore-text-container{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center;padding:2rem}.explore-svg-text{width:90%;max-width:1350px;height:auto;filter:drop-shadow(0 0 20px rgba(223,255,0,.95)) drop-shadow(0 0 40px rgba(223,255,0,.6))}@media (max-width:600px){.explore-section{height:120vh}.explore-masonry-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.col-3{display:none}.explore-card{border-radius:12px;height:55vh}.explore-text-container{padding:1rem}.explore-svg-text{width:95%}}.main-footer{min-height:100vh;width:100%;background:linear-gradient(180deg,#030308 0,#121218 60%,#1c1c24);color:#ffffff;position:relative;overflow:hidden;padding:6rem 5% 3rem;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;z-index:10}.footer-glow{position:absolute;bottom:-10%;left:30%;width:40%;height:40%;background:radial-gradient(circle,rgba(255,158,0,.05) 0,transparent 70%);pointer-events:none;z-index:0}.footer-top{width:100%;text-align:center;margin-bottom:3rem;z-index:1}.footer-large-logo{font-family:Orbitron,sans-serif;font-size:7.5vw;font-weight:900;letter-spacing:-.2rem;line-height:1;color:#ffffff;text-transform:uppercase;margin:0;transform:scaleY(.9);display:inline-block;width:100%}.footer-middle{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:4rem;gap:4rem;margin-bottom:5rem;z-index:1}.footer-col{display:flex;flex-direction:column;gap:1.5rem}.col-header{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#666677;letter-spacing:2px;text-transform:uppercase}.footer-menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-menu-links a,.footer-menu-links button{background:none;border:none;color:#ffffff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;text-decoration:none;transition:color .3s ease,transform .3s ease;display:inline-block}.footer-menu-links a:hover,.footer-menu-links button:hover{color:#ff9e00;transform:translateX(5px)}.footer-info-text{font-size:.95rem;color:#ffffff;line-height:1.6;font-weight:600}.footer-info-subtext{font-size:.85rem;color:#888899}.footer-contact-link a{color:#ffffff;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .3s ease}.footer-contact-link a:hover{color:#ff9e00}.footer-showcase-svg{width:100%;max-width:1100px;margin:0 auto 4rem;justify-content:center}.footer-bottom,.footer-showcase-svg{z-index:1;display:flex;align-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:2rem;justify-content:space-between;font-size:.85rem;color:#888899}.footer-policies{display:flex;align-items:center;gap:.8rem}.footer-policy-link{color:#888899;text-decoration:none;transition:color .3s ease;cursor:pointer}.footer-policy-link:hover{color:#ffffff}.policy-divider{color:rgba(255,255,255,.15);font-weight:300;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1024px){.footer-middle{gap:3rem}}@media (max-width:600px){.main-footer{padding:7rem 1.25rem 2rem}.footer-large-logo{font-size:10vw}.footer-middle{grid-template-columns:1fr;gap:2.5rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.contact-wrapper{min-height:80vh;justify-content:center;overflow:hidden;z-index:10;padding:4rem 0}.contact-scene,.contact-wrapper{position:relative;width:100%;display:flex;align-items:center}.contact-scene{max-width:1200px;flex-direction:column}.contact-header{margin-bottom:4rem;z-index:2;text-align:center}.contact-header h2{font-size:3rem;font-weight:800;letter-spacing:.2em;color:#fff;text-transform:uppercase}.animation-center{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;perspective:1000px}.fire-orb{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffae42 30%,#ff2a00 80%,#000 100%);box-shadow:0 0 30px #ff6b2b,0 0 60px #ff6b2b,inset 0 0 20px #fff;z-index:10;filter:blur(1px)}.flame-trail{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:30px;height:120px;background:linear-gradient(0deg,rgba(255,107,43,1),rgba(255,42,0,.5),transparent);border-radius:50% 50% 0 0;filter:blur(8px);z-index:-1;opacity:.8}.impact-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shockwave{position:absolute;width:100px;height:100px;border-radius:50%;border:4px solid #4bb1ff;box-shadow:0 0 40px #4bb1ff,inset 0 0 20px #4bb1ff;z-index:5}.impact-core{width:60px;height:60px;box-shadow:0 0 50px #fff,0 0 100px #4bb1ff;z-index:6}.impact-core,.spark{position:absolute;border-radius:50%;background:#fff}.spark{width:6px;height:6px;box-shadow:0 0 10px #ff6b2b,0 0 20px #ff6b2b;z-index:7}.nodes-container{width:100%;height:100%}.contact-node,.nodes-container{position:absolute;display:flex;align-items:center;justify-content:center}.contact-node{flex-direction:column;text-decoration:none;gap:.8rem;z-index:20}.node-glass{width:65px;height:65px;border-radius:50%;background:rgba(20,20,30,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,177,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 30px rgba(0,0,0,.5),0 0 20px rgba(75,177,255,.2),inset 0 0 15px rgba(75,177,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.node-glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(75,177,255,.4) 0,transparent 50%);opacity:0;transition:opacity .3s ease}.contact-node:hover .node-glass:before{opacity:1}.contact-node:hover .node-glass{border-color:rgba(255,107,43,.8);box-shadow:0 4px 30px rgba(0,0,0,.6),0 0 30px rgba(255,107,43,.4),inset 0 0 20px rgba(255,107,43,.2);color:#ff6b2b}.node-icon{position:relative;z-index:2;transition:transform .3s ease}.contact-node:hover .node-icon{transform:scale(1.1)}.node-label{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:#33333b;text-transform:uppercase;transition:color .3s ease;text-shadow:none}.contact-node:hover .node-label{color:#030308}@media (max-width:600px){.contact-wrapper{min-height:60vh;padding:2rem 0}.contact-header h2{font-size:2rem}.node-glass{width:55px;height:55px}.node-icon{transform:none}}.contact-intro{max-width:1400px;width:90%;text-align:center;margin-top:2rem;margin-bottom:5rem;padding:0 1rem}.intro-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5.5vw,4.2rem);font-weight:900;line-height:1.3;color:#030308;margin-bottom:2.5rem;letter-spacing:-1.5px}.intro-text{font-family:Inter,sans-serif;font-size:clamp(1.1rem,2.5vw,1.8rem);line-height:1.7;margin-bottom:2rem;max-width:1100px;margin-left:auto;margin-right:auto}.intro-text.secondary{color:#33333b;font-weight:400}.intro-text.tertiary{color:#555560;font-weight:300}@media (max-width:600px){.contact-intro{margin-top:3.5rem;margin-bottom:3rem;width:95%}.intro-title{font-size:1.8rem;margin-bottom:1.5rem}.intro-text{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}}.retro-game-section{width:100%;padding:6rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#030308;position:relative;z-index:2;margin-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.retro-game-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:2px;color:#ffffff;margin-bottom:.5rem;text-transform:uppercase}.retro-game-controls{font-family:Inter,sans-serif;font-size:.95rem;color:rgba(255,255,255,.6);text-align:center;margin-bottom:2rem;max-width:650px;line-height:1.6}.canvas-wrapper{position:relative;width:100%;max-width:1000px;aspect-ratio:848/509;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.85);border:4px solid #000;background-color:#000}.mario-game-iframe{width:100%;height:100%;display:block;border:none}@media (max-width:991px){.canvas-wrapper{aspect-ratio:auto;height:528px}}@media (max-width:600px){.retro-game-section{padding:4rem 1.5rem}}.about-page-wrapper{width:100%;position:relative;background-color:transparent}.about-page-wrapper .about-animation-section{position:relative;width:100%;height:100vh;overflow:hidden}.about-page-wrapper .about-transition-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:1;background:linear-gradient(135deg,#f5f7fa,#e4e8f0)}.about-page-wrapper .about-main-image-container{position:absolute;top:50%;left:50%;width:32vw;height:54vh;min-width:350px;min-height:450px;max-width:500px;max-height:600px;z-index:4;pointer-events:none}.about-page-wrapper .about-main-image{width:100%;height:100%;border-radius:8px;background-image:var(--hero-bg-3);background-size:cover;background-position:80%;box-shadow:0 15px 45px rgba(3,3,8,.12)}.about-page-wrapper .about-horizontal-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:400vw!important;min-width:400vw!important;max-width:400vw!important;height:100%!important;will-change:transform;position:relative;z-index:2;pointer-events:auto!important}.about-page-wrapper .about-panel{width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;flex-shrink:0!important;flex-grow:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;padding:2rem;box-sizing:border-box;pointer-events:auto!important}.about-page-wrapper .about-collage-container{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}.about-page-wrapper .about-main-title{font-size:clamp(3.2rem,5.5vw,5.2rem)!important}@media (max-width:600px){.about-page-wrapper .about-main-image-container{width:60vw!important;height:38vh!important;min-width:0!important;min-height:0!important;max-width:360px!important;max-height:420px!important}.about-page-wrapper .about-main-image{box-shadow:0 8px 25px rgba(3,3,8,.15)}}.contact-page-wrapper{min-height:100vh;width:100%;background:linear-gradient(135deg,#ffffff,#fffdf4 60%,#fff9e6);position:relative;padding-top:8rem;display:flex;flex-direction:column;overflow:hidden}.contact-content-container{flex:1 1;width:100%;display:flex;align-items:center;justify-content:center}@media (max-width:600px){.contact-page-wrapper{padding-top:6rem}}.legal-page-wrapper{min-height:100vh;width:100%;background:linear-gradient(135deg,#ffffff,#f7f9fc);color:#33333b;position:relative;display:flex;flex-direction:column}.legal-content-container{max-width:900px;width:90%;margin:10rem auto 6rem;flex-grow:1}.legal-content-container .back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#555560;text-decoration:none;margin-bottom:2.5rem;transition:color .3s ease,transform .3s ease}.legal-content-container .back-link:hover{color:#ff9e00;transform:translateX(-4px)}.legal-header{margin-bottom:3.5rem;text-align:left}.legal-icon-box{width:64px;height:64px;background:rgba(255,158,0,.1);color:#ff9e00;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 20px rgba(255,158,0,.08)}.legal-header h1{font-family:Orbitron,sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;color:#111115;margin-bottom:.8rem;line-height:1.1;letter-spacing:-1px}.legal-header .last-updated{font-family:Inter,sans-serif;font-size:.95rem;color:#777785;font-weight:500}.legal-body-card{background:#ffffff;border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:4rem;box-shadow:0 15px 45px rgba(3,3,8,.03),0 4px 12px rgba(3,3,8,.01)}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:800;color:#111115;margin-bottom:1.2rem;letter-spacing:-.5px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:.6rem}.legal-section p{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.8;color:#444450;margin-bottom:1.2rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{margin-bottom:1.5rem;padding-left:1.5rem}.legal-section li{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.8;color:#444450;margin-bottom:.8rem}.legal-section li strong{color:#111115}.legal-section a{color:#ff9e00;text-decoration:none;font-weight:600;transition:color .3s ease}.legal-section a:hover{color:#ff3c00;text-decoration:underline}.contact-details{background:#f7f9fc;border-radius:12px;padding:1.5rem;margin-top:1rem}@media (max-width:768px){.legal-content-container{margin-top:8rem;margin-bottom:4rem}.legal-body-card{padding:2.2rem;border-radius:16px}.legal-section{margin-bottom:2.2rem}.legal-section h2{font-size:1.2rem}.legal-section li,.legal-section p{font-size:.98rem;line-height:1.7}}@media (max-width:480px){.legal-content-container{margin-top:7rem;width:92%}.legal-body-card{padding:1.5rem}.legal-icon-box{width:52px;height:52px;border-radius:12px;margin-bottom:1rem}}