html{scroll-behavior:smooth}
body{margin:0;background:#F5F6F8}
a{color:#047857}a:hover{color:#065F46}
*{box-sizing:border-box}
[hidden]{display:none!important}
.navlinks{display:flex}
@media (max-width:900px){.navlinks{display:none}}
.lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(15,23,42,.35);border-color:#10B981}
.btn{transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.ghost{transition:background .2s,border-color .2s}
.ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.45)}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #10B981;outline-offset:1px}
form{position:relative}
@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.float{animation:float 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.reveal,.float{animation:none}html{scroll-behavior:auto}}