:root{color-scheme:dark;--color-bg: #002142;--color-bg-deep: #0c293e;--color-brand: #229679;--color-brand-dark: #144a70;--color-accent: #12b98f;--color-accent-light: #31ddb2;--color-text: #edf0f1;--color-text-muted: #a8b2d1;--color-card-from: #073768;--color-card-to: #053d75;--color-danger: #e2574c;--font-body: "Varela Round", sans-serif;--font-heading: "Quicksand", sans-serif;--font-hero: "Montserrat", sans-serif}*{box-sizing:border-box;margin:0;padding:0;max-width:100%;word-break:break-word}html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}app-root{display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.card{background:linear-gradient(160deg,var(--color-card-from),var(--color-card-to));border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px #00000040}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;padding:10px 18px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(120deg,var(--color-brand),var(--color-accent));color:#04140f}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid rgba(226,87,76,.5)}.btn-link{background:none;color:var(--color-accent-light);padding:4px 0;font-size:.85rem;text-decoration:underline}.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:#12b98f26;color:var(--color-accent-light);border:1px solid rgba(18,185,143,.35)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--color-text-muted)}.field input,.field textarea{background:#0003;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 12px;color:var(--color-text);font-size:1rem}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-accent)}.error-text{color:var(--color-danger);font-size:.85rem}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{width:100%;max-width:420px;padding:24px}