.auth-flow{--navy:#111111;--green:#111111;--green-dark:#333333;--bg:#f7f3e8;--card:#f7f3e8;--text:#111111;--muted:#666666;--rule:#111111;--rule-focus:#111111;--error:#c0392b;--error-bg:#fdecea;--radius:0px;--shadow:none}.auth-flow *{box-sizing:border-box}.auth-flow{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.auth-flow a{color:var(--green)}.auth-flow .page{position:relative;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px 64px;overflow:hidden}.auth-flow .bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:grayscale(100%) contrast(1.05)}.auth-flow .page:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1}.auth-flow .card{position:relative;z-index:2;width:100%;max-width:520px;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px}.auth-flow .brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.auth-flow .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.auth-flow .brand strong{color:var(--navy);letter-spacing:1.5px;font-size:.8rem;text-transform:uppercase}.auth-flow h1.title{font-size:1.7rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--navy);margin:10px 0 4px}.auth-flow p.subtitle{color:var(--muted);margin:0 0 24px;font-size:.9rem}.auth-flow .stepper{display:flex;gap:8px;margin-bottom:24px}.auth-flow .step{flex:1;height:4px;border-radius:0;background:#e5e0d3}.auth-flow .step.active{background:var(--green)}.auth-flow .step-label{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.auth-flow .field{margin-bottom:18px}.auth-flow .row{display:flex;gap:12px}.auth-flow .row>.field{flex:1}.auth-flow label{display:block;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--navy);margin-bottom:8px}.auth-flow label .opt{font-weight:400;color:var(--muted);text-transform:none}.auth-flow input,.auth-flow select,.auth-flow textarea{width:100%;padding:12px 14px;font-size:.95rem;border:1px solid var(--rule);border-radius:0;background:#fff;color:var(--text);outline:none;transition:border-color .15s;font-family:inherit}.auth-flow input:focus,.auth-flow select:focus,.auth-flow textarea:focus{border-color:var(--rule-focus);border-width:2px}.auth-flow input.invalid,.auth-flow select.invalid,.auth-flow textarea.invalid{border-color:var(--error);background:var(--error-bg)}.auth-flow textarea{resize:vertical;min-height:72px}.auth-flow .hint{font-size:.78rem;color:var(--muted);margin-top:5px}.auth-flow .err{font-size:.78rem;color:var(--error);margin-top:5px}.auth-flow .segmented{display:flex;gap:8px;flex-wrap:wrap}.auth-flow .segmented button{flex:1;min-width:90px;padding:10px;border:1px solid var(--rule);border-radius:0;background:#fff;color:var(--text);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s}.auth-flow .segmented button.selected{border-color:var(--green);background:var(--navy);color:#fff;font-weight:700}.auth-flow .unit-toggle{display:inline-flex;border:1px solid var(--rule);border-radius:0;overflow:hidden;font-size:.72rem}.auth-flow .unit-toggle button{border:0;background:#fff;padding:4px 10px;cursor:pointer;color:var(--muted);text-transform:uppercase}.auth-flow .unit-toggle button.on{background:var(--navy);color:#fff}.auth-flow .label-row{display:flex;justify-content:space-between;align-items:center}.auth-flow .check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:var(--text)}.auth-flow .check input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;border-radius:0}.auth-flow .btn{width:100%;padding:15px;font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--navy);border-radius:0;cursor:pointer;transition:all .15s}.auth-flow .btn-primary{background:var(--navy);color:#fff!important}.auth-flow .btn-primary:hover{background:var(--green-dark)}.auth-flow .btn-primary:disabled{background:#999999;border-color:#999999;cursor:not-allowed}.auth-flow .btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--rule)}.auth-flow .btn-ghost:hover{background:var(--navy);color:#fff}.auth-flow .actions{display:flex;gap:12px;margin-top:8px}.auth-flow .actions .btn{flex:1}.auth-flow .form-error{background:var(--error-bg);color:var(--error);border-radius:0;padding:12px 14px;font-size:.85rem;margin-bottom:18px;border:1px solid var(--error)}.auth-flow .foot-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:20px}.auth-flow .link-btn{border:0;background:none;color:var(--navy);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:0}.auth-flow .link-inline{font-size:.85rem;text-decoration:underline;color:var(--navy);font-weight:700}.auth-flow .otp-code{text-align:center;font-size:1.6rem;letter-spacing:.5em;font-weight:700;padding:14px 12px;text-indent:.5em;border-radius:0}.auth-flow .field.between{display:flex;align-items:center;justify-content:space-between}.auth-flow .section-label{font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--navy);margin:8px 0 14px;padding-top:16px;border-top:1px solid var(--rule)}.auth-flow .section-label .opt{font-weight:400;font-size:.75rem;color:var(--muted);text-transform:none}.auth-flow .readout{display:flex;gap:16px;background:#efe9db;border:1px solid var(--rule);border-radius:0;padding:10px 14px;margin-bottom:18px;font-size:.85rem;color:var(--navy)}.auth-flow .readout b{color:var(--navy)}.auth-flow .success-icon{width:56px;height:56px;border-radius:50%;background:#efe9db;border:1px solid var(--navy);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.auth-flow .center{text-align:center}