#home-page #home-page-header{height:100dvh;display:flex;justify-content:center;align-items:center;margin-bottom:20px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;background-color:transparent}#home-page #home-page-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.2);backdrop-filter:blur(6px)}#home-page #home-page-header .title{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px;transform:translateX(-100px);opacity:0;transition:opacity .6s ease-in-out,transform .6s ease-in-out;font-family:sans-serif;filter:drop-shadow(0 0 10px var(--bg-app))}#home-page #home-page-header .title h1{font-size:clamp(1.75rem,2.5vw,3rem);margin:0;font-family:500}#home-page #home-page-header .title h1 #title-keyword-1{color:var(--accent-primary)}#home-page #home-page-header .title h1 #title-keyword-2{color:var(--accent-secondary)}#home-page #home-page-header .title h2{transform:translateX(200px);font-size:clamp(1rem,1.5vw,1.8rem);opacity:0;transition:opacity .6s ease-in-out,transform .6s ease-in-out;margin:0;color:var(--text-primary)}#home-page #home-page-header .title.appear,#home-page #home-page-header .title.appear h2{transform:translate(0);opacity:1}.bg-grid{background-image:linear-gradient(to right,var(--text-secondary) .5px,transparent .5px),linear-gradient(to bottom,var(--text-secondary) .5px,transparent .5px);background-size:50px 50px;opacity:.12}.bg-grid-faded{background-image:linear-gradient(to right,var(--accent-primary) 1px,transparent 1px),linear-gradient(to bottom,var(--accent-primary) 1px,transparent 1px);background-size:60px 60px;opacity:.18;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}#home-page #home-page-card-container{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}#algorithms-page #home-page-card-container,#home-page #home-page-card-container{margin:0 auto;width:100%;display:grid;gap:2.5rem;padding:2rem 0;position:relative}#algorithms-page #home-page-card-container{max-width:1600px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:480px){#algorithms-page #home-page-card-container,#home-page #home-page-card-container{grid-template-columns:1fr;gap:1rem;padding:1rem 0}}#home-page #home-page-card-container .card{opacity:0;transform:translateY(40px);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1)}#home-page #home-page-card-container .card.appear{transform:translateY(0)}#home-page #home-page-card-container .card.appear[data-active=true]{opacity:1}#home-page #home-page-card-container .card.appear[data-active=false]{opacity:.6}#algorithms-page #home-page-card-container .card{opacity:1;transform:translateY(0);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1)}#algorithms-page #home-page-card-container .card[data-active=true]{opacity:1}#algorithms-page #home-page-card-container .card[data-active=false]{opacity:.6}#algorithms-page #home-page-card-container .card:hover,#home-page #home-page-card-container .card:hover{transform:translateY(-8px) scale(1.02);z-index:20}.glass-card{background:rgb(var(--bg-app-rgb)/.4);backdrop-filter:blur(16px)}.preserve-3d{transform-style:preserve-3d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 3s ease infinite}@media (prefers-reduced-motion:reduce){.animate-float,.animate-gradient-x{animation:none}}.about-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.about-reveal-active{opacity:1!important;transform:translateY(0)!important}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-nav-fade-in{animation:navFadeIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes homeTitleEnter{0%{opacity:0;transform:translateY(2.5rem)}to{opacity:1;transform:translateY(0)}}.home-title-enter{animation:homeTitleEnter .7s cubic-bezier(.22,1,.36,1) both}@media (hover:none){.dim-until-hover,.reveal-on-hover{opacity:1!important}.dim-until-hover{filter:none!important}}.achievement-badge-locked{filter:grayscale(1);opacity:.6;transition:filter .3s ease,opacity .3s ease,transform .3s ease}@media (hover:hover){.group:hover .achievement-badge-locked{filter:none;opacity:1}}@media (hover:none){.achievement-badge-locked{filter:none;opacity:1}}@media (prefers-reduced-motion:reduce){.home-title-enter{animation:none}.achievement-badge-locked{transition:none}}