.rfx-portal .login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--royal);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Crect%20x='44'%20y='44'%20width='72'%20height='72'%20rx='27'%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='.05'%20stroke-width='2'/%3E%3C/svg%3E"),radial-gradient(820px 620px at 82% -12%,rgba(102,170,217,.5),transparent 60%),radial-gradient(720px 640px at -8% 112%,rgba(2,72,115,.55),transparent 62%),linear-gradient(135deg,#1287d6 0,var(--royal) 42%,var(--royal-deep) 74%,#024873 100%);background-size:160px 160px,cover,cover,cover;position:relative;overflow:hidden}.rfx-portal .login-ellipse{position:absolute;border-radius:50%;pointer-events:none}.rfx-portal .login-squircle{position:absolute;z-index:1;pointer-events:none;color:#fff}.rfx-portal .login-squircle rect{fill:none;stroke:currentColor}.rfx-portal .login-card{position:relative;z-index:2;width:100%;max-width:440px;background:#fff;border-radius:22px;padding:48px 46px 40px;box-shadow:0 40px 90px -30px rgba(2,40,70,.6)}.rfx-portal .login-card .brand{display:flex;justify-content:center;margin-bottom:34px}.rfx-portal .login-card .brand img{height:62px}.rfx-portal .login-card h1{font-size:24px;font-weight:700;color:var(--royal-ink);text-align:center;letter-spacing:-.01em}.rfx-portal .login-card .sub{font-size:14.5px;color:var(--muted);text-align:center;margin-top:8px}.rfx-portal .field{margin-top:22px}.rfx-portal .field label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.rfx-portal .field input{width:100%;height:52px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-family:inherit;font-size:15.5px;font-weight:500;color:var(--royal-ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.rfx-portal .field input::placeholder{color:var(--faint);font-weight:400}.rfx-portal .field input:focus{border-color:var(--royal);box-shadow:0 0 0 4px rgba(0,113,192,.1)}.rfx-portal .login-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:13.5px}.rfx-portal .login-row label{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:500;cursor:pointer}.rfx-portal .login-row a{color:var(--royal);font-weight:600;text-decoration:none}.rfx-portal .btn-signin{width:100%;margin-top:26px;height:54px;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1287d6 0,var(--royal) 52%,var(--royal-deep) 100%);box-shadow:0 14px 28px -12px rgba(0,90,154,.7);transition:filter .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:10px}.rfx-portal .btn-signin:hover{filter:brightness(1.06)}.rfx-portal .btn-signin:active{transform:translateY(1px)}.rfx-portal .btn-signin svg{width:18px;height:18px}.rfx-portal .login-foot{margin-top:28px;text-align:center;font-size:12.5px;color:var(--faint);letter-spacing:.04em}.rfx-portal .login-env{position:absolute;top:28px;right:32px;z-index:2;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(255,255,255,.14);padding:8px 14px;border-radius:999px}.rfx-portal .login-env .dot{width:8px;height:8px;border-radius:50%;background:#7ee0a8}.rfx-portal .appbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:66px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 30px}.rfx-portal .appbar .logo{height:30px;display:block}.rfx-portal .appbar .vrule{width:1px;height:30px;background:var(--line)}.rfx-portal .appbar .crumb{font-size:14px;font-weight:600;color:var(--royal-ink)}.rfx-portal .appbar .spacer{flex:1 1}.rfx-portal .env{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--green);background:var(--green-wash);padding:7px 13px;border-radius:999px}.rfx-portal .env .pulse{width:8px;height:8px;border-radius:50%;background:var(--green)}.rfx-portal .btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--royal);background:#fff;border:1px solid var(--line);padding:9px 15px;border-radius:9px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.rfx-portal .btn-ghost:hover{background:var(--royal-wash);border-color:var(--light-blue)}.rfx-portal .btn-ghost svg{width:15px;height:15px}.rfx-portal .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,var(--royal),var(--royal-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.rfx-portal .page{max-width:1080px;margin:0 auto;padding:48px 30px 100px}.rfx-portal .page-head .kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--royal)}.rfx-portal .page-head h1{font-size:32px;font-weight:700;color:var(--royal-ink);letter-spacing:-.01em;margin-top:8px}.rfx-portal .page-head p{font-size:16px;color:var(--muted);margin-top:8px;max-width:680px}.rfx-portal .api-grid{margin-top:38px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}.rfx-portal .env-toggle{display:flex;align-items:center;gap:14px;margin:0 0 22px;flex-wrap:wrap}.rfx-portal .env-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.rfx-portal .env-seg{display:inline-flex;background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:3px;gap:3px}.rfx-portal .env-seg button{font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);background:transparent;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background .15s,color .15s}.rfx-portal .env-seg button:hover{color:var(--royal-ink)}.rfx-portal .env-seg button.on{color:#fff;background:linear-gradient(135deg,#1287d6 0,var(--royal) 52%,var(--royal-deep) 100%)}.rfx-portal .env-toggle.is-prod .env-seg button.on{background:linear-gradient(135deg,#e8a33d,#d98324 55%,#b96a12)}.rfx-portal .env-warn{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#9a5a0c;background:#fbf2dd;border:1px solid #f0dca0;border-radius:999px;padding:5px 12px}.rfx-portal .env-warn .dot{width:8px;height:8px;border-radius:50%;background:#d98324;animation:envPulse 2s infinite}@keyframes envPulse{0%,to{box-shadow:0 0 0 0 rgba(217,131,36,.5)}70%{box-shadow:0 0 0 6px rgba(217,131,36,0)}}.rfx-portal .env-confirm-backdrop{position:fixed;inset:0;z-index:200;background:rgba(10,40,70,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:ecFade .15s ease}@keyframes ecFade{0%{opacity:0}to{opacity:1}}.rfx-portal .env-confirm{width:min(460px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 80px -28px rgba(10,58,92,.55);padding:26px 28px;animation:ecPop .2s cubic-bezier(.2,.7,.3,1)}@keyframes ecPop{0%{opacity:.001;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.rfx-portal .env-confirm-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.rfx-portal .env-confirm-icon{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#b96a12;background:#fbf2dd}.rfx-portal .env-confirm-icon svg{width:23px;height:23px}.rfx-portal .env-confirm-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.rfx-portal .env-confirm h3{font-size:18px;font-weight:800;color:var(--royal-ink);margin:1px 0 0;letter-spacing:-.01em}.rfx-portal .env-confirm p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 22px}.rfx-portal .env-confirm p b{color:var(--royal-ink);font-weight:700}.rfx-portal .env-confirm-foot{display:flex;justify-content:flex-end;gap:10px}.rfx-portal .ec-cancel{height:44px;padding:0 18px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--royal);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.rfx-portal .ec-cancel:hover{background:var(--royal-wash);border-color:var(--light-blue)}.rfx-portal .ec-go{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:none;border-radius:11px;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#e8a33d,#d98324 55%,#b96a12);box-shadow:0 12px 26px -12px rgba(185,106,18,.7);transition:filter .15s,transform .1s}.rfx-portal .ec-go:hover{filter:brightness(1.06)}.rfx-portal .ec-go:active{transform:translateY(1px)}.rfx-portal .api-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 30px 26px;box-shadow:0 1px 2px rgba(16,40,70,.04),0 12px 28px -22px rgba(16,40,70,.28);display:flex;flex-direction:column;min-height:228px;transition:border-color .18s,box-shadow .18s,transform .14s}.rfx-portal .api-card.live{cursor:pointer}.rfx-portal .api-card.live:hover{border-color:var(--light-blue);box-shadow:0 22px 44px -26px rgba(0,90,154,.5)}.rfx-portal .api-top{display:flex;align-items:flex-start;gap:18px}.rfx-portal .api-ico{flex:none;width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#1287d6 0,var(--royal) 52%,var(--royal-deep) 100%);color:#fff;box-shadow:0 12px 26px -14px rgba(0,90,154,.7)}.rfx-portal .api-ico svg{width:28px;height:28px}.rfx-portal .api-card.soon .api-ico{background:#EEF2F7;color:var(--faint);box-shadow:none}.rfx-portal .api-status{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px}.rfx-portal .api-status.live{color:var(--green);background:var(--green-wash)}.rfx-portal .api-status.live .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.rfx-portal .api-status.soon{color:var(--faint);background:#F1F4F8}.rfx-portal .api-card h3{font-size:21px;font-weight:700;color:var(--royal-ink);margin-top:22px;letter-spacing:-.01em}.rfx-portal .api-card.soon h3{color:#5d6770}.rfx-portal .api-card p{font-size:15px;color:var(--muted);margin-top:10px;line-height:1.5}.rfx-portal .api-meta{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:16px}.rfx-portal .api-endpoint{font-family:var(--mono);font-size:12px;color:var(--faint)}.rfx-portal .api-go{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--royal)}.rfx-portal .api-go svg{width:16px;height:16px;transition:transform .15s}.rfx-portal .api-card.live:hover .api-go svg{transform:translateX(4px)}.rfx-portal .api-card.soon{opacity:.72}.rfx-portal .api-soon{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--faint)}.rfx-portal .api-soon svg{width:15px;height:15px}.rfx-portal .api-card.live{background:linear-gradient(150deg,#1287d6 0,var(--royal) 52%,var(--royal-deep) 100%);border-color:transparent;color:#fff;box-shadow:0 18px 40px -20px rgba(0,90,154,.6)}.rfx-portal .api-card.live:hover{border-color:transparent;box-shadow:0 28px 54px -22px rgba(0,90,154,.75);transform:translateY(-3px)}.rfx-portal .api-card.live .api-ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}.rfx-portal .api-card.live .api-status.live{color:#fff;background:rgba(255,255,255,.2)}.rfx-portal .api-card.live .api-status.live .dot{background:#8fe6b3}.rfx-portal .api-card.live h3{color:#fff}.rfx-portal .api-card.live p{color:rgba(255,255,255,.9)}.rfx-portal .api-card.live .api-endpoint{color:rgba(255,255,255,.72)}.rfx-portal .api-card.live .api-go{color:#fff}@media (max-width:760px){.rfx-portal .api-grid{grid-template-columns:1fr}}