.glass{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0003}.project-card:hover,.timeline-card:hover,.cert-card:hover{transform:translateY(-4px);border-color:#0ea5e980}.text-teal-400{color:#14b8a6}.bg-teal-500{background-color:#14b8a6}.border-teal-400\/50{border-color:#14b8a680}*{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.snap-section{padding-top:5rem;padding-bottom:5rem;min-height:100vh;display:flex;flex-direction:column}@media(min-width:768px){.snap-section{padding-top:4rem;padding-bottom:4rem}}a:not(.no-underline){position:relative}a:not(.no-underline):hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(to right,#0ea5e9,#14b8a6);animation:slideIn .3s ease-out}@keyframes slideIn{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.group:hover .group-hover\:scale-110{transform:scale(1.1)}input:focus,textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}@keyframes orbit-inner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-middle{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-outer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skillFadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.skill-node-enter{animation:skillFadeIn .6s ease-out forwards}.skill-node,.timeline-card,.project-card,.cert-card{will-change:transform}.timeline-card{scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.5) transparent}.timeline-card::-webkit-scrollbar{width:4px}.timeline-card::-webkit-scrollbar-track{background:transparent}.timeline-card::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:20px}@keyframes singleOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes singleOrbitCounter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.skill-orbit-container{animation:singleOrbit 35s linear infinite;transform-origin:center center}.skill-orbit-container.paused{animation-play-state:paused}.skill-card-orbit{animation:singleOrbitCounter 35s linear infinite;transform-origin:center center}.skill-orbit-container.paused .skill-card-orbit{animation-play-state:paused}.skill-card-orbit:hover{z-index:20}.skill-card-mobile{transition:transform .3s ease,box-shadow .3s ease}.skill-card-mobile:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ea5e94d}
