body{background-color:#f0fdfa;background-image:radial-gradient(circle at 15% 50%,rgba(45,212,191,.12) 0%,transparent 50%),radial-gradient(circle at 85% 20%,rgba(249,115,22,.08) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(13,148,136,.06) 0%,transparent 50%);background-attachment:fixed}.reveal{opacity:0;transform:translateY(36px);transition:opacity .65s cubic-bezier(.34,1.56,.64,1),transform .65s cubic-bezier(.34,1.56,.64,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.clay-card{background-color:#ccfbf1d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.5rem;box-shadow:8px 8px 18px #0d948824,-8px -8px 18px #fffffff2,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #0d948814;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.clay-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:12px 12px 24px #0d94882e,-12px -12px 24px #fff,inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #0d948814}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#0d9488;color:#fff;border-radius:9999px;font-weight:700;box-shadow:5px 5px 12px #0d94884d,-4px -4px 10px #fffc,inset 2px 2px 4px #ffffff59,inset -2px -2px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.clay-btn:hover{transform:translateY(-2px);box-shadow:7px 7px 16px #0d948861,-6px -6px 14px #ffffffe6,inset 2px 2px 4px #ffffff59,inset -2px -2px 4px #00000026}.clay-btn:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #0000002e,inset -4px -4px 8px #ffffff4d}.clay-btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#f97316;color:#fff;font-weight:700;box-shadow:5px 5px 12px #f9731652,-4px -4px 10px #fffc,inset 2px 2px 4px #ffffff59,inset -2px -2px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.clay-btn-accent:hover{transform:translateY(-2px);box-shadow:7px 7px 16px #f9731666,-6px -6px 14px #ffffffe6,inset 2px 2px 4px #ffffff59,inset -2px -2px 4px #00000026}.clay-btn-accent:active{transform:translateY(1px);box-shadow:inset 4px 4px 8px #0000002e,inset -4px -4px 8px #ffffff4d}.landing-nav{background-color:#f0fdfaeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:9999px;border:1.5px solid rgba(255,255,255,.8);box-shadow:4px 4px 12px #0d948814,-4px -4px 12px #ffffffe6;transition:box-shadow .3s ease,background-color .3s ease}.landing-nav.scrolled{background-color:#f0fdfaf7;box-shadow:5px 5px 18px #0d94881f,-5px -5px 18px #fff}.progress-track{background-color:#ccfbf1e6;border-radius:9999px;box-shadow:inset 2px 2px 5px #0d948826,inset -2px -2px 5px #fffc;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#2dd4bf,#0d9488);height:100%;border-radius:9999px;position:relative;box-shadow:inset 0 1px 3px #fff6}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:moveStripes 2s linear infinite}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f0fdfa}::-webkit-scrollbar-thumb{background:#2dd4bf;border-radius:5px;border:2px solid #F0FDFA}::-webkit-scrollbar-thumb:hover{background:#0d9488}