:root{color-scheme:light;color:#050316;background-color:#fbfbfe;--primary-color: #455e3b;--secondary-color: #ebe7d6;--accent-color: #85ae75;--body-color: #050316;--body-bg: #fbfbfe;--border-color: #ebe7d6;--card-radius: 1.5rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100%;display:flex;flex-direction:column}.app-content{flex:1 0 auto;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--accent-color)}.soft-shadow{box-shadow:0 10px 30px #0000000f,0 2px 8px #0000000a}.landing-hero{background:linear-gradient(#ebe7d673,#ebe7d673),radial-gradient(1200px 600px at 10% -20%,rgba(133,174,117,.18),transparent 60%),radial-gradient(1200px 600px at 110% 120%,rgba(69,94,59,.12),transparent 60%);border:1px solid var(--border-color)}.join-step-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;border-radius:1rem;background-color:#fff;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.join-step-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014,0 6px 12px #0000000d}.join-step-circle{width:56px;height:56px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 3px 6px #0003}.join-step-title{font-weight:600;margin-bottom:.25rem;color:var(--primary-color)}.join-step-text{color:var(--body-color);font-size:.9rem;line-height:1.5}.join-container{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:1.5rem}.observations-container{margin-top:6rem;margin-bottom:1.5rem}.observations-paper{border-radius:var(--card-radius);overflow:hidden;padding:2.5rem;background:transparent;border:none;box-shadow:0 10px 30px #0000000f,0 2px 8px #0000000a}.observations-toolbar{display:flex;justify-content:space-between;padding:0;margin-bottom:1rem}.observations-table td,.observations-table th{padding:.75rem 1rem}.observations-table tr:hover{background-color:#455e3b08}@media (max-width: 600px){.observations-toolbar{flex-direction:column;gap:.5rem;align-items:flex-start}}