*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:"Press Start 2P",cursive}.liquid-glass{-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffffbf;border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-light{-webkit-backdrop-filter:blur(8px)saturate(150%);background:#fff9;border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-heavy{-webkit-backdrop-filter:blur(15px)saturate(200%);background:#ffffffe6;border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-with-shine{-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffffbf;border:1px solid #0000001a;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-with-shine:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fffc 0%,#ffffff4d 50%,#0000 100%);border-bottom-right-radius:0;border-bottom-left-radius:0;height:40%;position:absolute;top:0;left:0;right:0}.liquid-glass-interactive{-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffffbf;border:1px solid #0000001a;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-interactive:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;transform:translate(2px);box-shadow:0 2px 8px #0000000d,inset 0 1px #fffc}.liquid-glass-interactive:active{background:#00000026;transform:translate(1px)}.liquid-glass-card{-webkit-backdrop-filter:blur(10px)saturate(180%);background:#ffffffbf;border:1px solid #0000001a;border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fffc 0%,#ffffff4d 50%,#0000 100%);border-bottom-right-radius:0;border-bottom-left-radius:0;height:40%;position:absolute;top:0;left:0;right:0}.liquid-glass-button{-webkit-backdrop-filter:blur(10px)saturate(180%);cursor:pointer;background:#ffffffd9;border:1px solid #0000001a;border-radius:10px;padding:12px 24px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 1px 4px #0000000f,inset 0 1px #fffc}.liquid-glass-button:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffffe6}.liquid-glass-button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{color:#36f;text-align:center;margin-bottom:3rem;font-family:"Press Start 2P",cursive;font-size:clamp(28px,4vw,48px)}.btn{cursor:pointer;border:2px solid;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn.btn-primary{color:#fff;background:#36f;border-color:#36f}.btn.btn-primary:hover{background:#2d8fec;border-color:#2d8fec}.btn.btn-secondary{color:#36f;background:0 0;border-color:#36f}.btn.btn-secondary:hover{color:#fff;background:#36f}.btn.btn-outline{color:#36f;background:0 0;border-color:#36f}.btn.btn-outline:hover{color:#fff;background:#36f}.hero-subtitle{color:#666;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(16px,2vw,24px)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;border-radius:12px;padding:2rem;transition:transform .3s;box-shadow:0 4px 6px #0000001a}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#36f;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#666;line-height:1.6}@media (max-width:768px){.container{padding:0 16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@view-transition{navigation:auto}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(root){animation:.2s ease-out both fade-out}::view-transition-new(root){animation:.3s ease-in both fade-in}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:.15s ease-out both fade-out}::view-transition-new(root){animation:.2s ease-in both fade-in}}.navbar{view-transition-name:navbar}::view-transition-old(navbar){animation:none;transform:none}::view-transition-new(navbar){animation:none;transform:none}