:root{--ease:cubic-bezier(.2,.8,.2,1)}html{scroll-behavior:smooth}body{overflow-x:hidden;background:radial-gradient(circle at 90% 8%,#e1f2e8 0,transparent 35%),radial-gradient(circle at 0% 62%,#e6f8ed 0,transparent 32%),#f3f8f5}.top{animation:slideDown .8s var(--ease) both;backdrop-filter:blur(15px);background:rgba(255,255,255,.92)}.brand img{animation:logoEnter 1.25s var(--ease) both;filter:drop-shadow(0 7px 10px #216a4020)}.brand:hover img{transform:rotate(-7deg) scale(1.09);transition:transform .45s var(--ease)}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#154a39,#287e57,#46a57b,#1b6045);background-size:300% 300%;animation:gradientShift 15s ease infinite,heroEnter .95s var(--ease) both;box-shadow:0 18px 40px #235b3b22}.hero:before{content:'';position:absolute;width:390px;height:390px;right:-80px;top:-170px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 65px #ffffff0b,0 0 0 130px #ffffff08;animation:orbit 25s linear infinite;z-index:-1}.hero:after{content:'';position:absolute;inset:-150%;background:linear-gradient(115deg,transparent 45%,#ffffff12 49%,transparent 53%);transform:translateX(-60%) rotate(15deg);animation:shine 11s ease-in-out infinite;pointer-events:none;z-index:-1}.hero h1{animation:textEnter .95s .13s both}.hero p{animation:textEnter .95s .28s both}.hero .eyebrow{display:inline-block;animation:textEnter .95s .08s both}.hero em{background:linear-gradient(90deg,#d5ffe1,#95e0ae,#fff2ba,#d5ffe1);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:wordGlow 7s linear infinite}.hero-stat{backdrop-filter:blur(14px);border:1px solid #ffffff35;animation:float 5s ease-in-out infinite}.hero-stat strong{font-variant-numeric:tabular-nums}.panel{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;position:relative}.panel:hover{box-shadow:0 14px 36px #214a3218;border-color:#bee2ce}.panel.inview{animation:revealPanel .8s var(--ease) both}.panel:not(.inview).observe{opacity:0;transform:translateY(28px)}.btn{position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,filter .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #186a4222}.btn:active{transform:scale(.97)}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a2dcbc;outline-offset:2px}.btn .ripple{position:absolute;left:var(--rx);top:var(--ry);width:12px;height:12px;border-radius:50%;pointer-events:none;background:#ffffff88;transform:translate(-50%,-50%) scale(0);animation:ripple .65s ease-out both}input,select{transition:border-color .25s,box-shadow .25s,transform .25s}input:focus,select:focus{border-color:#4baf7a;box-shadow:0 0 0 4px #4baf7a1f;transform:translateY(-1px)}.field:focus-within{color:#1b7c51}.results>div{transition:transform .35s var(--ease),box-shadow .35s var(--ease);border:1px solid transparent}.results>div:hover{transform:translateY(-5px);box-shadow:0 12px 25px #265e3b18;border-color:#d2ead9}.results strong{transition:color .3s,transform .3s}.results strong.updated{animation:numberPop .5s var(--ease)}.result-profit{position:relative;overflow:hidden}.result-profit:before{content:'';position:absolute;width:100px;height:100px;right:-30px;top:-40px;border-radius:50%;background:#ffffff4a;animation:float 7s ease-in-out infinite}.platform{transition:transform .2s,background .2s}.platform:hover{transform:scale(1.06);background:#d1e9da}tbody tr{transition:background .25s,transform .25s}tbody tr:hover{background:#f3faf5}tbody tr.rowenter{animation:rowReveal .45s var(--ease) both}dialog[open]{animation:modalIn .35s var(--ease) both}dialog[open]::backdrop{animation:fadeIn .3s both}.warning{animation:borderGlow 6s ease-in-out infinite}.info{display:inline-flex;align-items:center;gap:6px}.info:before{content:'';width:7px;height:7px;border-radius:50%;background:#65b887;box-shadow:0 0 0 4px #65b88724;animation:pulse 2.2s ease-in-out infinite}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoEnter{from{opacity:0;transform:rotate(-18deg) scale(.7)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes heroEnter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes wordGlow{to{background-position:250% center}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shine{0%,30%,100%{transform:translateX(-80%) rotate(15deg)}55%,65%{transform:translateX(80%) rotate(15deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes revealPanel{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%) scale(28)}}@keyframes numberPop{0%{transform:scale(.94);opacity:.75}50%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@keyframes rowReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 7px #65b88710}}@keyframes borderGlow{50%{border-color:#97d2ad}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.panel.observe{opacity:1!important;transform:none!important}}@media(max-width:550px){.hero:before{width:250px;height:250px;right:-80px;top:-80px}.panel:not(.inview).observe{opacity:1;transform:none}}