@media (max-width:768px){html,body{overscroll-behavior:none;width:100%;height:auto;position:relative;overflow-x:hidden}.container{padding-left:1rem!important;padding-right:1rem!important}.motion-safe{will-change:opacity,transform;transform-style:flat!important}}@media (max-width:640px){h1,h2,h3,h4,h5,h6{word-break:break-word}h1,.heading-1{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.2!important}h2,.heading-2{font-size:clamp(1.75rem,6vw,2.5rem)!important;line-height:1.3!important}h3,.heading-3{font-size:clamp(1.25rem,5vw,2rem)!important;line-height:1.3!important}.p-6{padding:1rem!important}.p-8{padding:1.5rem!important}input,textarea,select,button:not(.nav-mobile-button){border-radius:.375rem!important;padding:.5rem .75rem!important;font-size:.875rem!important}.grid{gap:1rem!important}.mb-6,.mb-8,.mb-10,.mb-12{margin-bottom:1rem!important}.h-\[90vh\]{height:80vh!important}.modal-content-container{-webkit-overflow-scrolling:touch}}@media (max-height:480px) and (orientation:landscape){.fixed.top-4.right-4.z-50.w-14.h-14{width:3rem!important;height:3rem!important;top:.75rem!important;right:.75rem!important}.absolute.top-20{max-height:calc(100vh - 5rem)!important;top:4rem!important}.p-4,.p-6,.p-8{padding:.75rem!important}.py-3,.py-4{padding-top:.5rem!important;padding-bottom:.5rem!important}.mb-4,.mb-6,.mb-8{margin-bottom:.75rem!important}.space-y-2>*+*{margin-top:.375rem!important}.overflow-auto{-webkit-overflow-scrolling:touch;overflow-y:auto!important}section{min-height:auto!important;padding-top:1.5rem!important;padding-bottom:1.5rem!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}input,textarea,select{height:auto!important;min-height:36px!important;font-size:14px!important}form .grid{flex-wrap:wrap!important;gap:.5rem!important;display:flex!important}form .grid>div{flex:calc(50% - .5rem)!important;min-width:120px!important}button{min-height:2rem!important;padding-top:.375rem!important;padding-bottom:.375rem!important}}@media (max-width:640px){.bg-clip-text{-webkit-background-clip:text;background-clip:text}}@media (max-width:480px){.gap-6{gap:.75rem!important}.yin-yang-container svg{max-width:180px!important;max-height:180px!important}.font-space-grotesk{font-size:clamp(1.5rem,5vw,2.25rem)!important}.py-20{padding-top:3rem!important;padding-bottom:3rem!important}.px-6{padding-left:1rem!important;padding-right:1rem!important}.text-xl,.text-2xl{font-size:1.125rem!important;line-height:1.5!important}#contact .grid{grid-template-columns:1fr!important;gap:1.5rem!important}#contact form .space-y-6,#contact form .space-y-4{flex-direction:column!important;gap:1rem!important;display:flex!important}textarea{min-height:100px!important}}@media (max-width:640px){.md\:grid-cols-2{grid-template-columns:1fr!important}#portfolio .grid{gap:1.5rem!important}#portfolio .flex-wrap{justify-content:center!important}#portfolio button{margin:.25rem!important;padding:.5rem .75rem!important;font-size:.875rem!important}#portfolio .h-full .p-6{padding:.75rem!important}#portfolio h3{margin-bottom:.25rem!important;font-size:1.125rem!important}}@media (max-width:360px){.container,.content-container{padding-left:.75rem!important;padding-right:.75rem!important}h1,.heading-1{font-size:clamp(1.75rem,7vw,2.5rem)!important}h2,.heading-2{font-size:clamp(1.5rem,6vw,2rem)!important}.inner-spacing{margin-bottom:1.5rem!important}.inner-spacing-sm{margin-bottom:.75rem!important}}@media (max-width:768px){.navbar-container{padding:.75rem!important}.modal-content-container{touch-action:pan-y!important;height:auto!important;max-height:calc(80vh - 180px)!important}h1{font-size:clamp(2rem,8vw,3rem)!important}h2{font-size:clamp(1.75rem,6vw,2.5rem)!important}h3{font-size:clamp(1.25rem,5vw,1.75rem)!important}}
.yin-yang-container{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.yin-yang-container svg{backface-visibility:hidden;transform:translateZ(0)}.yin-yang-container .absolute.inset-0 div{will-change:transform,opacity;animation:3s ease-in-out infinite pulse;transform:translateZ(0)}@keyframes pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}@media (max-width:768px),(max-height:480px) and (orientation:landscape){.yin-yang-container .absolute.inset-0 div{width:4px!important;height:4px!important;animation-duration:2.5s!important}.yin-yang-responsive{width:180px!important;height:180px!important;transform:scale(.9)!important}.profile-text{font-size:1.5rem!important}}@media (max-height:480px) and (orientation:landscape){.yin-yang-responsive{width:140px!important;height:140px!important;transform:scale(.7)!important}.yin-yang-container .absolute.inset-0 div{width:3px!important;height:3px!important}@keyframes pulse{0%{opacity:.4;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}to{opacity:.4;transform:scale(.9)}}}@media (max-width:360px){.yin-yang-responsive{width:150px!important;height:150px!important;transform:scale(.75)!important}.profile-text{font-size:1.125rem!important}}.yin-yang-container svg{transition:transform 50ms linear}@media (prefers-reduced-motion:no-preference){.yin-yang-container{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.neon-particle{filter:blur(.5px);background-color:#39ff1480;animation:8s ease-in-out infinite float-particle;box-shadow:0 0 5px 2px #39ff1466,0 0 10px 1px #39ff1433}.neon-text{color:#fff;text-shadow:0 0 4px #39ff14b3,0 0 8px #39ff1480,0 0 12px #39ff144d;animation:4s ease-in-out infinite pulse-text}.neon-border{position:relative}.neon-border:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;border:1px solid #39ff1466;animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:0;box-shadow:0 0 5px #39ff1480,0 0 8px #39ff144d,inset 0 0 3px #39ff1433}.component-border{border:1px solid #39ff1433;transition:all .5s;box-shadow:0 0 6px #39ff1426}.component-border:hover{border-color:#39ff1466;box-shadow:0 0 10px #39ff1440}.highlight-component{transition:transform .3s ease-out;position:relative}.highlight-component:hover{transform:translateY(-2px)scale(1.01)}.neon-button{color:#fff;background:#000000b3;border:1px solid #39ff1466;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 0 5px #39ff1433}.neon-button:hover{background:#39ff140d;box-shadow:0 0 10px #39ff144d}.corner-accent{position:relative}.corner-accent:before,.corner-accent:after{content:"";pointer-events:none;border:1px solid #39ff1466;width:8px;height:8px;position:absolute}.corner-accent:before{border-bottom:none;border-right:none;top:0;left:0}.corner-accent:after{border-top:none;border-left:none;bottom:0;right:0}.neon-divider{background:linear-gradient(90deg,#0000,#39ff144d,#0000);height:1px;box-shadow:0 0 4px #39ff1433}.highlight-component{position:relative}.neon-card{border:1px solid #39ff141a;transition:border-color .3s}.neon-card:hover{border-color:#39ff144d}
@keyframes float-particle{0%,to{opacity:.6;transform:translateY(0)translate(0)}25%{opacity:.9;transform:translateY(-5px)translate(3px)}50%{opacity:1;transform:translateY(-10px)translate(-3px)}75%{opacity:.7;transform:translateY(-5px)translate(-5px)}}@keyframes pulse-text{0%,to{text-shadow:0 0 4px #39ff14b3,0 0 8px #39ff1480,0 0 12px #39ff144d}50%{text-shadow:0 0 6px #39ff14e6,0 0 12px #39ff14b3,0 0 18px #39ff1480}}@keyframes neon-border-pulse{0%,to{border-color:#39ff1466;box-shadow:0 0 5px #39ff1466,0 0 10px #39ff1433,inset 0 0 3px #39ff1433}50%{border-color:#39ff1499;box-shadow:0 0 8px #39ff1499,0 0 15px #39ff1466,inset 0 0 5px #39ff144d}}@keyframes corner-accent-pulse{0%,to{opacity:.7;width:15px;height:15px}50%{opacity:1;width:18px;height:18px}}@keyframes highlight-pulse{0%{border-color:#39ff144d;box-shadow:0 0 5px #39ff144d}50%{border-color:#39ff1499;box-shadow:0 0 15px #39ff1499}to{border-color:#39ff144d;box-shadow:0 0 5px #39ff144d}}
.gsap-carousel,.carousel-track{display:none}.carousel-wrapper{width:100%;height:450px;margin-top:3rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.carousel-track-modern{will-change:transform;align-items:center;gap:20px;height:100%;display:flex;position:absolute}.nft-card-modern{cursor:grab;background-color:#1a1a1a;border:1px solid #ffffff26;border-radius:20px;width:320px;height:420px;transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s;overflow:hidden;box-shadow:0 15px 35px #0000004d}.nft-card-modern:active{cursor:grabbing}.nft-card-modern:hover{transform:scale(1.08)rotate(1deg);box-shadow:0 0 15px #00ff6626}.nft-card.active{opacity:1;z-index:10;border:2px solid #00ff6680;transform:scale(1.1);box-shadow:0 8px 4px #00ff664d}.about-title{text-align:center;color:#0f6;text-shadow:0 0 10px #00ff6680,0 0 20px #00ff664d,0 0 30px #0f63;letter-spacing:2px;z-index:20;margin-bottom:3rem;font-size:3.5rem;font-weight:800;position:relative}@media (max-width:768px){.gsap-carousel{min-height:350px;padding:0 5%}.nft-card{width:240px;height:320px;margin:0 15px}.about-title{font-size:2.5rem}}.nft-card.right-2{z-index:1;opacity:.7;transform:translate(400px)scale(.8)translateZ(-300px)}.nft-card.right-2 img{filter:grayscale()}.nft-card.hidden{opacity:0;pointer-events:none}.nft-info{text-align:center;margin-top:40px;transition:all .5s ease-out}.nft-name{color:#082a7b;margin-bottom:10px;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.nft-name:before,.nft-name:after{content:"";background:#082a7b;width:100px;height:2px;position:absolute;top:100%}.nft-name:before{left:-120px}.nft-name:after{right:-120px}.nft-role{color:#848696;opacity:.8;text-transform:uppercase;letter-spacing:.1em;margin-top:-15px;padding:10px 0;font-size:1.5rem;font-weight:500;position:relative}.carousel-dots{justify-content:center;gap:10px;margin-top:30px;display:flex}.carousel-dot{cursor:pointer;background:#082a7b33;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel-dot.active{background:#082a7b;transform:scale(1.2)}.carousel-arrow{color:#fff;cursor:pointer;z-index:20;background:#082a7b99;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;padding-bottom:4px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#082a7bcc;transform:translateY(-50%)scale(1.1)}.carousel-arrow.left{padding-right:3px;left:20px}.carousel-arrow.right{padding-left:3px;right:20px}.dark .nft-name{color:#6c8edf}.dark .nft-name:before,.dark .nft-name:after{background:#6c8edf}.dark .nft-role{color:#a0a0b0}.dark .carousel-dot{background:#6c8edf33}.dark .carousel-dot.active{background:#6c8edf}.dark .carousel-arrow{background:#6c8edf99}.dark .carousel-arrow:hover{background:#6c8edfcc}@media (max-width:768px){.about-title{font-size:4.5rem}.nft-card{width:200px;height:280px}.nft-card.left-2{transform:translate(-250px)scale(.8)translateZ(-300px)}.nft-card.left-1{transform:translate(-120px)scale(.9)translateZ(-100px)}.nft-card.right-1{transform:translate(120px)scale(.9)translateZ(-100px)}.nft-card.right-2{transform:translate(250px)scale(.8)translateZ(-300px)}.nft-name{font-size:2rem}.nft-role{font-size:1.2rem}.nft-name:before,.nft-name:after{width:50px}.nft-name:before{left:-70px}.nft-name:after{right:-70px}}