:root{--color-primary:#0070f3;--color-primary-dark:#0059c9;--color-bg:#e3f0ff;--color-bg-gradient:linear-gradient(135deg,#e3f0ff0%,#f9f9f9100%);--color-card-bg:#fff;--color-text:#222;--color-error:#d32f2f;--color-success:#0070f3;--border-radius:12px;--font-main:"Inter","Segoe UI","Roboto",Arial,Helvetica,sans-serif}body{font-family:var(--font-main);background:var(--color-bg-gradient);color:var(--color-text);margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-family:var(--font-main);font-weight:600}.card{background:var(--color-card-bg);border-radius:var(--border-radius);max-width:400px;margin:0 auto;padding:2rem;box-shadow:0 2px 16px #00000014}.button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.2rem;padding:.85rem 0;font-size:1.08rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s;display:flex;box-shadow:0 2px 8px #0070f31a}.button:disabled{cursor:not-allowed;box-shadow:none;background:#b3c6e0}.button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 16px #0070f32e;background:var(--color-primary-dark)!important}.button:focus{outline:2px solid var(--color-primary-dark)}input[type=email],input[type=text],input[type=password]{background:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;margin:1rem 0 .5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}input[type=email]:focus,input[type=text]:focus,input[type=password]:focus{border-color:var(--color-primary)}