:root{--bg:#f7f6f4;--card-bg:#fff;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#1a1a1a;--accent-contrast:#fff;--border:#e6e4e0;--error:#c0392b}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.portal-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}.portal-logo{max-width:160px;max-height:80px;object-fit:contain;margin-bottom:24px}.portal-title{font-size:22px;font-weight:600;margin:0 0 8px}.portal-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 32px}.portal-form{display:flex;flex-direction:column;gap:12px}.portal-input{padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;width:100%}.portal-input:focus{outline:2px solid var(--accent);outline-offset:1px}.portal-button{padding:12px 14px;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.portal-button:hover{opacity:.9}.portal-error{color:var(--error);font-size:13px;margin-top:4px}.portal-footer{margin-top:32px;font-size:12px;color:var(--text-muted)}