:root{--page-max-width:1100px;--page-padding-desktop:32px;--page-padding-tablet:24px;--page-padding-mobile:16px;--nav-height:64px;--nav-height-mobile:56px;--content-gap:24px;--card-radius:16px;--card-padding:24px;--card-padding-mobile:16px;--bottom-nav-height:70px;--color-bg:#fdf6ee;--color-surface:#fff;--color-border:#f0e0cf;--color-text:#2c1a0e;--color-text-muted:#8b6b52;--color-text-faint:#b89880;--color-primary:#c1693a;--color-primary-light:#fff0e8;--color-accent-bg:#fff4e5;--color-accent:#b86a00;--color-success-bg:#edfaf2;--color-success:#2e7d52;--color-danger-bg:#fef0ef;--color-danger:#b91c1c}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#2c1a0e;-webkit-font-smoothing:antialiased;background:#fdf6ee;max-width:100vw;font-family:DM Sans,sans-serif;overflow-x:hidden}.auth-container{background:#fdf6ee;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border-radius:20px;width:100%;max-width:900px;min-height:560px;display:flex;overflow:hidden;box-shadow:0 8px 40px #0000001a}.auth-left{background:#c1693a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:44%;padding:48px 40px;display:flex;position:relative}.auth-right{background:#fdf6ee;flex-direction:column;flex:1;justify-content:center;padding:48px 44px;display:flex}.navbar{z-index:50;background:#fff;border-bottom:1px solid #f0e0cf;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.navbar-actions{align-items:center;gap:12px;display:flex}.page-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--page-padding-desktop);height:var(--nav-height);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-container{max-width:var(--page-max-width);padding:40px var(--page-padding-desktop);padding-bottom:calc(var(--bottom-nav-height) + 24px);box-sizing:border-box;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.tontine-selector{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.bottom-nav{z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #f0e0cf;display:flex;position:fixed;bottom:0;left:0;right:0}.form-card{background:#fff;border:1px solid #f0e0cf;border-radius:16px;padding:32px}.form-input{color:#2c1a0e;background:#fdf6ee;border:1.5px solid #e8d5c0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#c1693a}.btn-primary{color:#fff;cursor:pointer;background:#c1693a;border:none;border-radius:10px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .2s,transform .1s}.btn-primary:hover{background:#a8562d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;background:#d4956e}@media (max-width:768px){.auth-container{align-items:flex-start;padding:0}.auth-card{min-height:100vh;box-shadow:none;border-radius:0;flex-direction:column}.auth-left{width:100%;min-height:180px;padding:32px 24px}.auth-right{padding:32px 24px}.navbar{height:56px;padding:0 16px}.navbar-actions{gap:8px}.navbar-actions span{display:none}.page-nav{padding:0 var(--page-padding-tablet);height:var(--nav-height-mobile)}.page-container{padding:24px var(--page-padding-tablet);padding-bottom:calc(var(--bottom-nav-height) + 24px)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tontine-selector{gap:8px}.form-card{padding:20px 16px}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.auth-left{min-height:160px;padding:24px 20px}.page-nav{padding:0 var(--page-padding-mobile)}.page-container{padding:16px var(--page-padding-mobile);padding-bottom:calc(var(--bottom-nav-height) + 24px)}}input,textarea,select{box-sizing:border-box;max-width:100%;font-size:16px!important}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],textarea{box-sizing:border-box;-webkit-appearance:none;border-radius:10px;width:100%}@media (max-width:600px){input,textarea,select{font-size:16px!important}.max-w-container{padding-left:16px!important;padding-right:16px!important}}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date]{transform-origin:0 0;font-size:16px!important}@media (max-width:768px){input,select,textarea{font-size:16px!important}}