@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-black text-white antialiased;font-feature-settings:"ss01","ss02","cv01","cv02"}html{@apply scroll-smooth;}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}@keyframes cardEntrance{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}.card-entrance{animation:cardEntrance .6s cubic-bezier(.22,1,.36,1) forwards}.work-container{width:100%;position:relative;z-index:10}.card-section{width:100%;display:flex;justify-content:center;align-items:flex-start;position:relative}.project-card-wrapper{position:sticky;top:4vh;width:100%;display:flex;justify-content:center;will-change:transform,opacity;pointer-events:none}.project-card-wrapper>*{pointer-events:auto}@keyframes premiumGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.premium-gradient-text{background:linear-gradient(90deg,#8be0eb,#c9c0e6,#e6b8cd,#a4c5e0,#8be0eb);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:premiumGradient 8s linear infinite;opacity:.9}@keyframes logoGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.logo-gradient-text{background:linear-gradient(90deg,#fffffff2,#c8c8c8bf,#fffffff2);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:logoGradient 10s linear infinite;transition:filter .3s ease}.logo-gradient-text:hover{animation:logoGradient 6s linear infinite;filter:brightness(1.15)}.anatomy-button-container{z-index:9999;transition:bottom .7s cubic-bezier(.33,1,.68,1),left .7s cubic-bezier(.33,1,.68,1),right .7s cubic-bezier(.33,1,.68,1),transform .7s cubic-bezier(.33,1,.68,1)}.anatomy-button-container.floating{position:fixed;bottom:24px;right:24px;left:auto;transform:translate(0)}@media(min-width:768px){.anatomy-button-container.floating{bottom:48px;right:48px}}.anatomy-button-container.in-footer{position:fixed;left:50%;right:auto;transform:translate(-50%)}.anatomy-button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;background:#1a1a1a66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fffc;border:none;box-shadow:none;height:42px;padding:0 16px;border-radius:6px;font-weight:500;transform:scale(.89);position:relative;transition:all .3s cubic-bezier(.22,1,.36,1);animation:shakeAction 7s infinite}@media(max-width:768px){.anatomy-button{font-size:10px;height:38px;padding:0 12px;transform:scale(.85)}}@keyframes shakeAction{0%,94%{transform:scale(.89) translate(0)}95%{transform:scale(.89) translate(-2px)}96%{transform:scale(.89) translate(2px)}97%{transform:scale(.89) translate(-2px)}98%{transform:scale(.89) translate(2px)}99%,to{transform:scale(.89) translate(0)}}.anatomy-button:not(:hover) .hide,.anatomy-button:not(:hover) .icon:before,.anatomy-button:not(:hover) .icon:after{opacity:0;visibility:hidden;transform:scale(1.4)}.hide{transition:all .2s ease}.anatomy-button:hover{background:#28282880;border-color:#ffffff26}.anatomy-button:active{background:#323232b3;transform:scale(.87)}.icon{position:relative}.icon:before{content:"";position:absolute;left:0;top:0;width:6px;height:6px;transform:translate(-50%,-50%);background-color:#f0a;border-radius:100%}.icon:after{content:"";position:absolute;right:0;bottom:0;transform:translate(-19%,-60%);width:100px;height:33px;background-color:transparent;border-radius:12px 22px 2px 2px;border-right:solid 2px rgb(255,0,170);border-top:solid 2px transparent}.icon .text-icon{color:#f0a;position:absolute;font-size:12px;left:-37px;top:-38px}.icon svg{width:20px;height:20px;border:solid 2px transparent;display:flex}.anatomy-button:hover .icon svg{border:solid 2px rgba(255,0,170,.692)}.padding-left{position:absolute;width:20px;height:2px;background-color:#f0a;left:0;top:50%;transform:translateY(-50%)}.padding-left:before{content:"";width:2px;height:10px;background-color:#f0a;position:absolute;left:0;top:50%;transform:translateY(-50%)}.padding-left:after{content:"";width:2px;height:10px;background-color:#f0a;position:absolute;right:0;top:50%;transform:translateY(-50%)}.padding-left-line{position:absolute;width:30px;height:2px;background-color:#f0a;left:-24px;top:11px;transform:rotate(-50deg)}.padding-left-line:before{content:"";position:absolute;left:0;top:0;width:6px;height:6px;transform:translate(-50%,-50%);background-color:#f0a;border-radius:100%}.padding-left-text{color:#f0a;font-size:12px;position:absolute;white-space:nowrap;transform:rotate(50deg);bottom:30px;left:-67px}.padding-right{position:absolute;width:20px;height:2px;background-color:#f0a;right:0;top:50%;transform:translateY(-50%)}.padding-right:before{content:"";width:2px;height:10px;background-color:#f0a;position:absolute;left:0;top:50%;transform:translateY(-50%)}.padding-right:after{content:"";width:2px;height:10px;background-color:#f0a;position:absolute;right:0;top:50%;transform:translateY(-50%)}.padding-right-line{position:absolute;width:30px;height:2px;background-color:#f0a;right:-24px;top:11px;transform:rotate(50deg)}.padding-right-line:before{content:"";position:absolute;left:30px;top:0;width:6px;height:6px;transform:translate(-50%,-50%);background-color:#f0a;border-radius:100%}.padding-right-text{color:#f0a;font-size:12px;position:absolute;white-space:nowrap;transform:rotate(-50deg);bottom:33px;left:18px}.background{position:absolute}.background:before{content:"";position:absolute;right:27px;bottom:-70px;width:100px;height:53px;background-color:transparent;border-radius:0 0 22px 22px;border-right:solid 2px rgb(255,0,170);border-bottom:solid 2px transparent}.background:after{content:"";position:absolute;right:25px;bottom:-20px;width:6px;height:6px;background-color:#f0a;border-radius:100%}.background-text{position:absolute;color:#f0a;font-size:12px;bottom:-70px;left:-115px}.border{position:absolute;right:0;top:0}.border:before{content:"";width:15px;height:15px;border:solid 2px rgb(255,0,170);position:absolute;right:0%;top:0;transform:translate(50%,-50%);border-radius:100%}.border:after{content:"";width:2px;height:25px;background-color:#f0a;position:absolute;right:-10px;top:-15px;transform:translate(50%,-50%) rotate(60deg)}.border .border-text{position:absolute;color:#f0a;font-size:12px;right:-112px;top:-30px;white-space:nowrap}@media(max-width:640px){.project-card-wrapper{top:2vh}}@media(max-width:480px){:root{--hero-h1-size: 18px;--hero-p-size: 14px;--card-title-size: 11px;--card-desc-size: 16px}}