.bio{--bg-1: #f3f7f2;--bg-2: #ecf0ff;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--border: rgba(30, 53, 77, .12);--ink: #1c2738;--muted: #5d6b7a;--accent: #0f8c6a;--accent-2: #0d6fb4;--ok: #17884b;--warn: #b35412;max-width:980px;margin:0 auto;color:var(--ink);display:grid;gap:1rem;font-family:Manrope,Segoe UI,sans-serif}.bio__hero,.bio__form,.bio__results{border:1px solid var(--border);border-radius:24px;background:radial-gradient(circle at 0% 0%,rgba(15,140,106,.08),transparent 45%),radial-gradient(circle at 100% 0%,rgba(13,111,180,.1),transparent 45%),linear-gradient(160deg,var(--bg-1),var(--bg-2));box-shadow:0 18px 45px #14203514}.bio__hero{padding:1.4rem 1.5rem;position:relative;overflow:hidden}.bio__hero:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-80px;border-radius:50%;background:linear-gradient(120deg,#0f8c6a1f,#0d6fb41a);pointer-events:none}.bio__eyebrow{margin:0;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#4a5f74}.bio__hero h1{margin:.3rem 0 .5rem;font-size:clamp(1.45rem,3.4vw,2.2rem);color:#13263a}.bio__hero p:last-child{margin:0;max-width:62ch;color:var(--muted);line-height:1.52}.bio__form{padding:1.2rem;background:linear-gradient(180deg,#ffffffeb,#f8fbffe0)}.bio__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.bio__field{display:grid;gap:.45rem}.bio__field span{font-size:.9rem;color:#2f3e4f}.bio__field strong{color:#12365a}.bio__field select,.bio__field input[type=range]{width:100%}.bio__field select{border:1px solid #d2dae5;border-radius:12px;padding:.68rem .76rem;background:var(--surface-strong);font:inherit;color:var(--ink)}.bio__field select:focus{outline:2px solid rgba(13,111,180,.28);border-color:#0d6fb473}.bio__field--range{grid-column:span 2}.bio__field input[type=range]{appearance:none;-webkit-appearance:none;height:10px;border-radius:999px;background:linear-gradient(90deg,#0f8c6a29,#0d6fb433)}.bio__field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 10px #0e446052;cursor:pointer}.bio__field input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 10px #0e446052;cursor:pointer}.bio__range-limits{display:flex;justify-content:space-between;font-size:.78rem;color:#6f7f91}.bio__submit{border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font:inherit;font-weight:700;padding:.8rem 1.2rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.bio__submit:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0c598247}.bio__actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}.bio__btn-secondary{border:1px solid rgba(13,111,180,.24);border-radius:14px;background:#ffffffe0;color:#184063;font:inherit;font-weight:650;padding:.8rem 1.08rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.bio__btn-secondary:hover{transform:translateY(-1px);border-color:#0d6fb480;background:#fff}.bio__results{padding:1.2rem;background:linear-gradient(180deg,#fffffff5,#f6f9ffed);animation:bioFade .28s ease}@keyframes bioFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bio__summary{margin:0 0 .95rem;padding:.8rem .9rem;border-radius:12px;background:#0d6fb417;color:#12345a;font-weight:650}.bio__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem}.bio__metric{border:1px solid #d5deea;border-radius:14px;background:var(--surface-strong);padding:.75rem .8rem;display:grid;gap:.28rem}.bio__metric h3{margin:0;font-size:.82rem;font-weight:700;color:#40576d}.bio__metric p{margin:0;font-size:1.18rem;font-weight:800;color:#13263a}.bio__metric span{font-size:.75rem;font-weight:600;border-radius:999px;width:fit-content;padding:.12rem .52rem}.bio__state--good{color:var(--ok);background:#17884b21}.bio__state--warn{color:var(--warn);background:#b3541226}.bio__state--info{color:#4f6177;background:#687d9629}.bio__panels{margin-top:.95rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.bio__panel{border:1px solid #d5deea;border-radius:14px;background:var(--surface-strong);padding:.95rem}.bio__panel--wide{grid-column:1 / -1}.bio__panel h3{margin:0 0 .5rem;font-size:.98rem;color:#1d3750}.bio__panel p{margin:.35rem 0;color:#2f4257;line-height:1.48}.bio__lead{font-weight:800;color:#0f385f}.bio__panel ul{margin:0;padding-left:1rem;display:grid;gap:.4rem}.bio__panel li{color:#2f4257;line-height:1.42}.bio__disclaimer{margin:.95rem 0 0;color:#6f7f91;font-size:.82rem}.bio__result-actions{margin-top:.85rem}@media(max-width:900px){.bio__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.bio{gap:.85rem}.bio__hero,.bio__form,.bio__results{border-radius:18px}.bio__hero{padding:1.1rem}.bio__form,.bio__results{padding:.95rem}.bio__grid{grid-template-columns:1fr}.bio__field--range{grid-column:1}.bio__metrics,.bio__panels{grid-template-columns:1fr}}