@charset "UTF-8";:root{--color-bg: #0F1113;--color-surface: #2A2E32;--color-surface-2: #1B1E21;--color-border: #3A3F45;--color-border-subtle: #2F343A;--color-text: #E6E6E6;--color-text-muted: #9A9A9A;--color-text-subtle: #6B7075;--color-accent: #B87333;--color-accent-hover: #A7662D;--color-accent-pressed: #935A28;--color-success: #2E7D5B;--color-warning: #B08A2E;--color-danger: #9E2A2B;--color-info: #3B6EA8;--font-body: var(--font-manrope, Manrope), ui-sans-serif;--font-heading: var(--font-dm-sans, DM Sans), ui-sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-5xl: 6.25rem;--line-tight: 1.15;--line-normal: 1.4;--line-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .45);--btn-radius: .75rem;--btn-pad-y: .75rem;--btn-pad-x: 1rem;--btn-primary-bg: #B87333;--btn-primary-bg-hover: #A7662D;--btn-primary-bg-pressed: #935A28;--btn-primary-text: #0F1113;--btn-secondary-bg: transparent;--btn-secondary-text: #E6E6E6;--btn-secondary-border: #3A3F45;--card-bg: #2A2E32;--card-border: #2F343A;--card-radius: 1.25rem;--card-shadow: 0 8px 20px rgba(0, 0, 0, .35);--input-bg: #2A2E32;--input-border: #3A3F45;--input-text: #E6E6E6;--input-placeholder: rgba(230, 230, 230, .45);--input-radius: .75rem;--input-pad-y: .75rem;--input-pad-x: .875rem;--container-max: 72rem;--border-1: 1px;--border-2: 2px;--focus-ring: 0 0 0 3px rgba(184,115,51,.35)}@media (max-width: 1024px){:root{--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--text-5xl: 5rem}}@media (max-width: 767px){:root{--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 4rem}}html,body{margin:0;padding:0;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{font-family:var(--font-body);line-height:var(--line-normal);font-size:var(--text-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-tight);margin:0}p{margin:0}.landing-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-4);text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-container .env-badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:var(--space-4);background-color:var(--color-surface);color:var(--color-text-muted);border:var(--border-1) solid var(--color-border)}.landing-container h1{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.landing-container .welcome-text{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:var(--line-relaxed)}.login-link-button{display:inline-block;background-color:var(--color-accent);color:var(--color-bg);border:none;padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--text-md);border-radius:var(--btn-radius);cursor:pointer;transition:background-color .2s ease;font-weight:var(--weight-medium);text-decoration:none}.login-link-button:hover{background-color:var(--color-accent-hover)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.login-card{background-color:var(--card-bg);border:var(--border-1) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-8);max-width:400px;width:100%}.login-card h1{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2);text-align:center}.subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-6);font-size:var(--text-sm)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;color:var(--color-text);font-weight:var(--weight-medium);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3);background-color:var(--input-bg);border:var(--border-1) solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-size:var(--text-md);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.form-group input::placeholder{color:var(--input-placeholder)}.login-button{width:100%;background-color:var(--color-accent);color:var(--color-bg);border:none;padding:var(--btn-pad-y);font-size:var(--text-md);border-radius:var(--btn-radius);cursor:pointer;transition:background-color .2s ease;font-weight:var(--weight-medium)}.login-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.profile-card{background-color:var(--card-bg);border:var(--border-1) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-8);max-width:600px;width:100%}.profile-card h1{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-text-muted)}.error-message{color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background-color:#9e2a2b1a;border:var(--border-1) solid var(--color-danger);border-radius:var(--radius-sm)}.profile-info{margin-bottom:var(--space-6)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:var(--border-1) solid var(--color-border-subtle)}.info-row:last-child{border-bottom:none}.info-row label{color:var(--color-text-muted);font-weight:var(--weight-medium);font-size:var(--text-sm)}.info-row span{color:var(--color-text);font-size:var(--text-md);word-break:break-all;max-width:60%;text-align:right}.signout-button{width:100%;background-color:var(--color-danger);color:var(--color-text);border:none;padding:var(--btn-pad-y);font-size:var(--text-md);border-radius:var(--btn-radius);cursor:pointer;transition:background-color .2s ease;font-weight:var(--weight-medium)}.signout-button:hover{background-color:#7f2122}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--space-4);text-align:center}.env-badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:var(--space-4);background-color:var(--color-surface);color:var(--color-text-muted);border:var(--border-1) solid var(--color-border)}h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.welcome-text{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:var(--line-relaxed)}.test-button{background-color:var(--color-accent);color:var(--color-bg);border:none;padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--text-md);border-radius:var(--btn-radius);cursor:pointer;transition:background-color .2s ease;font-weight:var(--weight-medium)}.test-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.test-button:disabled{opacity:.6;cursor:not-allowed}.response-container{margin-top:var(--space-8);padding:var(--space-4);background-color:var(--card-bg);border:var(--border-1) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-height:100px}.response-label{font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);font-size:var(--text-md)}.response-message{color:var(--color-accent);font-size:var(--text-lg);margin-top:var(--space-2)}.error-message{color:var(--color-danger);font-size:var(--text-md);margin-top:var(--space-2)}
