.access-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 18px}
.access-card,.social-link-card{width:min(520px,100%);padding:24px;border:1px solid rgba(72,189,174,.24);border-radius:18px;background:linear-gradient(145deg,#102640,#0a192c);box-shadow:0 24px 70px rgba(2,10,22,.34)}
.access-card h1,.social-link-content h1{margin:9px 0 18px;color:#f4fbff;font-size:27px}
.access-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:20px;border:1px solid rgba(130,180,213,.14);border-radius:12px;background:#081729}
.access-switch a{padding:10px;text-align:center;border-radius:8px;color:#9eb4cc;font-weight:800;font-size:13px}
.access-switch a.active{background:rgba(52,201,175,.15);color:#75efd5}
.access-card label,.social-link-content label{display:block;margin:12px 0 6px;color:#aec2d7;font-size:13px;font-weight:750}
.access-card .account-input,.social-link-content input{width:100%}.access-back,.social-link-back{display:block;margin-top:18px;color:#72d9c5;font-weight:750}
.form-success,.social-link-message{padding:10px 12px;border:1px solid rgba(69,207,171,.3);border-radius:10px;background:rgba(46,175,143,.12);color:#b9f8e8}
.social-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid #294965;border-radius:10px;background:#0a1a2d;color:#e8f5ff;font-weight:850}.social-option:hover{border-color:#45cdb2;color:#75efd5}.social-mark{font-size:16px}
.social-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#728ba6;font-size:11px;font-weight:800}.social-divider:before,.social-divider:after{content:"";height:1px;flex:1;background:#29425c}
.social-link-page{min-height:100vh;display:grid;place-items:center;margin:0;padding:20px;background:#071426;color:#eaf5ff;font-family:Inter,Arial,sans-serif}.social-link-head{display:flex;align-items:center;justify-content:space-between}.social-link-head img{width:150px}.social-link-head span,.form-kicker{color:#63dcc3;font-size:11px;font-weight:900;letter-spacing:.12em}.social-link-content input{box-sizing:border-box;padding:12px;border:1px solid #284563;border-radius:10px;background:#08182b;color:#fff}.social-link-content button{width:100%;margin-top:16px;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#28c8a5,#159783);color:#041b18;font-weight:900}
@media(max-width:520px){.social-options{grid-template-columns:1fr}}

/* Buyer social OAuth popup */
.social-link-page{padding:18px;background:radial-gradient(circle at 18% 18%,#36c4ad14,transparent 30%),radial-gradient(circle at 85% 80%,#dba74a10,transparent 28%),#071426}
.social-link-card{width:min(590px,100%);padding:22px 24px;border-color:#45677c;border-radius:19px;background:radial-gradient(circle at 100% 0,#39c8b014,transparent 32%),linear-gradient(145deg,#142a3e,#0b1b2e);box-shadow:0 25px 75px #0208128c,inset 0 1px #ffffff0d}
.social-link-head{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #345267}
.social-brand{display:grid;place-items:center;padding:4px 7px;border:1px solid #ead8b740;border-radius:9px;background:linear-gradient(130deg,#f6eddd,#d9c6a6);box-shadow:0 7px 19px #030a1438}
.social-link-head .social-brand img{display:block;width:122px;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.secure-chip{display:inline-flex!important;align-items:center;gap:6px;padding:6px 9px;border:1px solid #39736c;border-radius:999px;background:#173a3b;color:#78e3d0!important;font-size:9px!important}
.secure-chip:before{content:"";width:13px;height:13px;background:#69ddc8;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11V8a5 5 0 0 1 10 0v3m-11 0h12v9H6v-9Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat}
.social-link-content h1{margin:7px 0 7px;font-size:27px;letter-spacing:-.04em}.social-link-content>p{margin:0 0 15px;color:#b7cad7;font-size:12.5px;line-height:1.5}
.provider-kicker{display:inline-flex;align-items:center;gap:7px}.provider-kicker i{display:block;width:17px;height:17px;background-position:center;background-repeat:no-repeat;background-size:contain}.provider-google i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M21.6 12.23c0-.71-.06-1.4-.18-2.06H12v3.9h5.38a4.6 4.6 0 0 1-2 3.02v2.53h3.24c1.9-1.75 2.98-4.33 2.98-7.39Z'/%3E%3Cpath fill='%2334A853' d='M12 22c2.7 0 4.97-.9 6.62-2.38l-3.24-2.53c-.9.6-2.05.96-3.38.96-2.61 0-4.82-1.76-5.61-4.13H3.04v2.61A10 10 0 0 0 12 22Z'/%3E%3Cpath fill='%23FBBC05' d='M6.39 13.92A6.02 6.02 0 0 1 6.08 12c0-.67.11-1.31.31-1.92V7.47H3.04A10 10 0 0 0 2 12c0 1.61.38 3.14 1.04 4.53l3.35-2.61Z'/%3E%3Cpath fill='%23EA4335' d='M12 5.95c1.47 0 2.79.51 3.83 1.5l2.87-2.88A9.64 9.64 0 0 0 12 2a10 10 0 0 0-8.96 5.47l3.35 2.61C7.18 7.71 9.39 5.95 12 5.95Z'/%3E%3C/svg%3E")}
.provider-discord i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238793ff' d='M19.5 5.34A17.2 17.2 0 0 0 15.23 4l-.52 1.05a15.7 15.7 0 0 0-5.42 0L8.77 4A17.3 17.3 0 0 0 4.5 5.35C1.8 9.35 1.07 13.25 1.44 17.1a17.6 17.6 0 0 0 5.24 2.65l1.27-1.74a11.5 11.5 0 0 1-2-.96l.49-.38a12.34 12.34 0 0 0 11.12 0l.5.38c-.64.38-1.31.7-2 .96l1.27 1.74a17.5 17.5 0 0 0 5.23-2.65c.44-4.46-.75-8.32-3.06-11.76ZM8.18 14.73c-1.05 0-1.91-.97-1.91-2.16s.84-2.16 1.91-2.16 1.93.98 1.91 2.16c0 1.19-.84 2.16-1.91 2.16Zm7.64 0c-1.05 0-1.91-.97-1.91-2.16s.84-2.16 1.91-2.16 1.93.98 1.91 2.16c0 1.19-.84 2.16-1.91 2.16Z'/%3E%3C/svg%3E")}
.social-link-content form{display:grid;gap:6px}.social-link-content label{margin:3px 0 0;font-size:11.5px}.social-link-content input{min-height:44px;padding:10px 12px;border-color:#496b82;background:#091b2e;font-size:13px;outline:0;transition:.18s}.social-link-content input:focus{border-color:#59d9cc;box-shadow:0 0 0 3px #59d9cc20}.social-link-content input[readonly]{color:#dbe9f1}
.verified-email-field,.social-field{display:flex;align-items:center;border:1px solid #496b82;border-radius:10px;background:#091b2e;overflow:hidden}.verified-email-field>i,.social-field>i{width:39px;height:17px;flex:none;background:#69ddc8;mask-position:center;mask-repeat:no-repeat;mask-size:17px}.verified-email-field>i{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4V6Zm1.5 1.7L12 12.4l6.5-4.7' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}.verified-email-field input,.social-field input{min-width:0;flex:1;border:0;border-radius:0;background:transparent;box-shadow:none!important}.verified-email-field>span{margin-right:9px;padding:4px 7px;border:1px solid #39776d;border-radius:999px;background:#173c39;color:#7be8d4;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.social-form-row>div{min-width:0}.field-person>i{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8c.5-4 3-6 7-6s6.5 2 7 6' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}.field-phone>i{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h3l1.5 4-2 1.5a15 15 0 0 0 6 6l1.5-2L21 14v3c0 2-1 3-3 3C10 20 4 14 4 6c0-2 1-3 3-3Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E")}
.social-link-content button{min-height:44px;margin-top:9px;background:linear-gradient(105deg,#f5c36d,#e5a23c);color:#282116;cursor:pointer;transition:.18s}.social-link-content button:hover{transform:translateY(-1px);box-shadow:0 8px 23px #e9ad4740}.social-link-content button:disabled{cursor:wait;opacity:.72;transform:none}.social-link-content button.is-loading span{display:inline-block;width:14px;height:14px;border:2px solid #33281b45;border-top-color:#33281b;border-radius:50%;font-size:0;animation:social-spin .75s linear infinite}.social-link-back{display:inline-flex;margin-top:13px;padding:6px 0;font-size:11.5px}.social-code-form{margin-top:11px;padding-top:11px;border-top:1px solid #345267}@keyframes social-spin{to{transform:rotate(360deg)}}
@media(max-width:560px){.social-link-card{padding:18px}.social-form-row{grid-template-columns:1fr}.social-link-head .social-brand img{width:108px}.social-link-content h1{font-size:24px}.verified-email-field>span{display:none}}