:root{--bg-1: #f9f6f1;--bg-2: #ece5d7;--surface: rgba(255, 255, 255, .9);--surface-border: rgba(45, 65, 50, .16);--text: #1f2f25;--muted: #4f6256;--action: #0b6c42;--action-hover: #085734;--error: #a4152c;--success: #0a6c38;--radius: 16px;--shadow: 0 20px 60px rgba(26, 40, 30, .1);font-family:Sora,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at 12% 18%,rgba(164,212,177,.24),transparent 50%),radial-gradient(circle at 85% 82%,rgba(206,170,112,.18),transparent 52%),linear-gradient(135deg,var(--bg-1),var(--bg-2))}.page{display:grid;place-items:center;padding:28px;min-height:100vh;position:relative;overflow:hidden}.card{width:min(100%,440px);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:relative;z-index:2}h1{margin:0 0 8px;font-size:clamp(1.5rem,3.2vw,2rem)}p{margin:0 0 18px;color:var(--muted)}.form{display:grid;gap:12px}.login-logo{width:clamp(120px,32vw,120px);height:auto;display:block;margin:0 auto 4px}label{font-size:.9rem;font-weight:600}input{border:1px solid rgba(50,68,58,.26);border-radius:10px;padding:11px 12px;font:inherit;color:var(--text);background:#ffffffd1}input:focus{outline:2px solid rgba(11,108,66,.26);border-color:var(--action)}button,.link{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;border:0;padding:11px 14px;font:inherit;font-weight:700;text-decoration:none}button{margin-top:4px;cursor:pointer;color:#fff;background:#000;transition:background-color .2s ease}button:hover{background:#1a1a1a}button:disabled{cursor:not-allowed;opacity:.72}.link{color:#fff;background:#2a5f48}.message{margin:0;font-size:.9rem;font-weight:600;position:relative;z-index:2}.error h1,.message.error{color:var(--error)}.success h1{color:var(--success)}.connect-page .card{background:#ffffffeb}.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.background-overlay{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 20%,rgba(8,39,30,.28),transparent 45%),linear-gradient(180deg,#081d1861,#14231c85)}@media(max-width:540px){.page{padding:16px}.card{padding:22px}}