/* Public affiliate landing only. Private dashboard styles and commission logic are unchanged. */
#partnerAuth.art-affiliate{--gold:#ff9a4c;--gold-strong:#ff8a34;--muted:#b3a396;background:#171514!important;color:#f8f1eb;overflow:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
#partnerAuth.art-affiliate:before,#partnerAuth.art-affiliate:after{display:none!important}
#partnerAuth.art-affiliate :is(h1,h2,h3,p){position:relative}
#partnerAuth.art-affiliate :is(h1,h2,h3){letter-spacing:-.045em;font-weight:550;line-height:1.12}
#partnerAuth.art-affiliate :is(a,button,input):focus-visible{outline:3px solid #e6a66d;outline-offset:4px}
#partnerAuth.art-affiliate .landing-header{position:relative;z-index:10;height:88px;width:min(1232px,calc(100% - 80px));margin:auto;padding:0;border-bottom:1px solid #ffffff0c;background:none}
#partnerAuth.art-affiliate .landing-brand{gap:10px;color:#fff}
#partnerAuth.art-affiliate .brand-mark{width:40px;height:40px;min-width:40px;border:0;border-radius:0;background:url('/traderoom/assets/branding/24artoption-transparent-v3.png?v=brand-20260917-loading-emblem') center/contain no-repeat!important;color:transparent!important;box-shadow:none!important}
#partnerAuth.art-affiliate .landing-brand strong{font-size:17px;letter-spacing:.07em}
#partnerAuth.art-affiliate .landing-brand small{font-size:8px;color:#a99a8e;letter-spacing:.15em}
#partnerAuth.art-affiliate .landing-header nav{gap:30px;font-size:12px;font-weight:500;color:#b8aa9e}
#partnerAuth.art-affiliate .landing-header nav a:hover{color:#ffb57d}
#partnerAuth.art-affiliate .landing-login,#partnerAuth.art-affiliate .hero-primary,#partnerAuth.art-affiliate .auth-form .primary{border:1px solid #ff9c52;background:linear-gradient(110deg,#ff9c36,#ff681d);color:#22150b;box-shadow:0 8px 28px #ff681716;border-radius:10px;font-weight:650;transition:filter .2s,transform .2s}
#partnerAuth.art-affiliate .landing-login{padding:11px 23px;font-size:12px}
#partnerAuth.art-affiliate .landing-login:hover,#partnerAuth.art-affiliate .hero-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}
#partnerAuth.art-affiliate .landing-hero{position:relative;isolation:isolate;width:min(1232px,calc(100% - 80px));min-height:690px;margin:0 auto;padding:90px 0 80px;display:flex;align-items:center;gap:0;overflow:visible}
#partnerAuth.art-affiliate .hero-copy{position:relative;z-index:2;max-width:640px}
#partnerAuth.art-affiliate .hero-pill{border:0;background:none;padding:0;border-radius:0;font-size:9px;letter-spacing:.16em;font-weight:500;color:#c3a48e}
#partnerAuth.art-affiliate .hero-pill i{width:7px;height:7px;background:#ffa153;box-shadow:0 0 14px #ff922b55}
#partnerAuth.art-affiliate .hero-copy h1{font-size:clamp(46px,4.8vw,65px);line-height:1.08;letter-spacing:-.055em;margin:28px 0 0;font-weight:550;max-width:680px}
#partnerAuth.art-affiliate .hero-copy h1 em{color:#ffa052;font-style:normal;background:none;-webkit-text-fill-color:#ffa052}
#partnerAuth.art-affiliate .hero-copy>p{max-width:490px;margin-top:25px;font-size:15px;line-height:1.9;color:#c2b2a5}
#partnerAuth.art-affiliate .hero-actions{margin-top:30px;gap:24px;align-items:center}
#partnerAuth.art-affiliate .hero-primary{min-height:49px;padding:12px 23px;font-size:13px}
#partnerAuth.art-affiliate .hero-secondary{min-height:49px;padding:12px 0;border:0;background:none;color:#dac4b2;font-size:12px}
#partnerAuth.art-affiliate .hero-trust{margin-top:29px;gap:20px;color:#bda58f;font-size:10px}
#partnerAuth.art-affiliate .hero-trust b{color:#eea069}
#partnerAuth.art-affiliate .hero-visual{position:absolute;z-index:0;right:-170px;top:0;bottom:0;width:1050px;height:auto;min-height:0;pointer-events:none;opacity:.96}
#partnerAuth.art-affiliate .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 88%,transparent);mask-composite:intersect}
#partnerAuth.art-affiliate .landing-hero:before{content:"";position:absolute;z-index:1;inset:0 41% 0 -100px;pointer-events:none;background:linear-gradient(90deg,#171514 63%,transparent)}
#partnerAuth.art-affiliate .landing-metrics{width:min(1232px,calc(100% - 80px));margin:0 auto 60px;border:0;border-block:1px solid #70513a40;border-radius:0;background:none}
#partnerAuth.art-affiliate .landing-metrics>div{padding:28px 28px;border-color:#70513a30}
#partnerAuth.art-affiliate .landing-metrics>div:first-child{padding-left:0}
#partnerAuth.art-affiliate .landing-metrics strong{font-size:35px;letter-spacing:-.04em;font-weight:550;color:#ffae71}
#partnerAuth.art-affiliate .landing-metrics div:nth-child(2) strong{color:#ba9bff}
#partnerAuth.art-affiliate .landing-metrics div:nth-child(3) strong{color:#81cbb8}
#partnerAuth.art-affiliate .landing-metrics span{font-size:10px;color:#ac9989}
#partnerAuth.art-affiliate .landing-section{width:min(1232px,calc(100% - 80px));padding:55px 0 55px;margin:auto}
#partnerAuth.art-affiliate .section-heading{max-width:760px;margin-bottom:35px}
#partnerAuth.art-affiliate .section-heading>span,#partnerAuth.art-affiliate .join-copy>span{font-size:9px;letter-spacing:.16em;font-weight:500;color:#bd9a7f}
#partnerAuth.art-affiliate .section-heading h2,#partnerAuth.art-affiliate .join-copy h2{font-size:clamp(33px,3.8vw,49px);margin:17px 0;line-height:1.12;font-weight:500;letter-spacing:-.045em}
#partnerAuth.art-affiliate .section-heading p,#partnerAuth.art-affiliate .join-copy p{color:#b6a394;font-size:13px;line-height:1.8;max-width:580px}
#partnerAuth.art-affiliate .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#partnerAuth.art-affiliate .benefit-grid article{position:relative;isolation:isolate;min-height:265px;padding:34px 32px 30px;border:1px solid #bb8d6720;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 95% 0,#ff943324,transparent 70%),#25201c;box-shadow:0 16px 50px #0002}
#partnerAuth.art-affiliate .benefit-grid article:nth-child(2){background:radial-gradient(ellipse at 95% 0,#a366f03a,transparent 72%),#211b2b;border-color:#a575e72b}
#partnerAuth.art-affiliate .benefit-grid article:nth-child(3){background:radial-gradient(ellipse at 95% 0,#58c2a92b,transparent 72%),#1b2724;border-color:#76cfb71c}
#partnerAuth.art-affiliate .benefit-grid article:nth-child(4){background:radial-gradient(ellipse at 95% 0,#e7854f38,transparent 72%),#27201d}
#partnerAuth.art-affiliate .benefit-grid article>b{font-size:10px;font-weight:500;letter-spacing:.12em;color:#b19078}
#partnerAuth.art-affiliate .benefit-grid article>i{position:absolute;right:35px;top:26px;z-index:-1;display:grid;place-items:center;width:95px;height:95px;margin:0;border:1px solid #ffc79a80;border-radius:25px;background:linear-gradient(140deg,#ffb46c,#a94c20);color:#ffe1b5;font-size:50px;font-weight:400;transform:perspective(500px) rotateY(-25deg) rotateZ(-12deg);box-shadow:inset 3px 3px 15px #ffe4bb60,9px 8px 0 #66301e,18px 22px 32px #0006}
#partnerAuth.art-affiliate .benefit-grid article:nth-child(2)>i{background:linear-gradient(140deg,#bc96ff,#5d388c);border-color:#d4beff70;color:#eadbff;box-shadow:inset 3px 3px 15px #fff4,9px 8px 0 #3b2555,18px 22px 32px #0006}
#partnerAuth.art-affiliate .benefit-grid article:nth-child(3)>i{background:linear-gradient(140deg,#91dfc7,#367e71);border-color:#c5ffe770;color:#defff2;box-shadow:inset 3px 3px 15px #fff4,9px 8px 0 #214d42,18px 22px 32px #0006}
#partnerAuth.art-affiliate .benefit-grid article h3{font-size:27px;font-weight:500;line-height:1.2;margin:70px 0 14px;max-width:75%}
#partnerAuth.art-affiliate .benefit-grid article p{max-width:360px;color:#b4a294;font-size:12px;line-height:1.85}
#partnerAuth.art-affiliate .benefit-grid article:hover{border-color:#e9b48660;transform:translateY(-4px)}
#partnerAuth.art-affiliate .tariff-section{padding-top:60px}
#partnerAuth.art-affiliate .public-tariff-grid{gap:17px;perspective:1000px}
#partnerAuth.art-affiliate .public-tariff-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:330px;padding:28px 24px 26px;border:1px solid #67524380;border-radius:19px;background:linear-gradient(150deg,#352a23,#201c19 65%);box-shadow:0 12px 0 -6px #120f0d,0 14px 0 -6px #80604960,0 24px 45px #0004}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(2){background:linear-gradient(150deg,#362745,#211c2a 65%);border-color:#6b4d8055}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(3){background:linear-gradient(150deg,#28473c,#1d2824 65%);border-color:#618c7855}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(4){background:linear-gradient(150deg,#5e3420,#2c211b 65%);border-color:#b16d4580}
#partnerAuth.art-affiliate .public-tariff-grid article:after{content:"";position:absolute;top:80px;right:-24px;width:90px;height:90px;z-index:-1;border:9px solid #ffa96c4a;border-radius:24px;transform:perspective(400px) rotateY(-30deg) rotateZ(35deg);box-shadow:inset 3px 3px 10px #ffc59525,6px 5px 0 #6e3d252e,0 0 50px #fc91351c}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(2):after{border-color:#bd91ff4a}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(3):after{border-color:#82dfb94a}
#partnerAuth.art-affiliate .public-tariff-grid article.current{border-color:#ef9c5db0}
#partnerAuth.art-affiliate .public-tariff-grid article div>span{font-size:12px;font-weight:600;letter-spacing:.04em;color:#ede3db}
#partnerAuth.art-affiliate .public-tariff-grid article div>b{font-size:7px;background:#f7a260;color:#2b1b0e;font-weight:600;padding:4px 6px}
#partnerAuth.art-affiliate .public-tariff-grid article p{font-size:11px;line-height:1.7;color:#bba28f;margin-top:26px;max-width:160px;position:relative}
#partnerAuth.art-affiliate .public-tariff-grid article>strong{font-size:63px;font-weight:550;letter-spacing:-.065em;color:#ffac6b;line-height:1.2;margin-top:55px}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(2)>strong{color:#c6a2ff}
#partnerAuth.art-affiliate .public-tariff-grid article:nth-child(3)>strong{color:#92dbbf}
#partnerAuth.art-affiliate .public-tariff-grid article>small{color:#bda08a;font-size:8px;letter-spacing:.1em;margin-top:5px}
#partnerAuth.art-affiliate .steps-grid{gap:26px;margin-top:50px}
#partnerAuth.art-affiliate .steps-grid article{border-color:#6a4f3b60;padding-top:42px}
#partnerAuth.art-affiliate .steps-grid article>b{width:35px;height:35px;top:-18px;border-radius:10px;background:linear-gradient(135deg,#ffa64f,#bd612b);color:#26190e;box-shadow:4px 4px 0 #673b20;font-weight:650;font-size:12px;transform:rotate(-8deg)}
#partnerAuth.art-affiliate .steps-grid h3{font-size:17px;font-weight:500;letter-spacing:-.02em}
#partnerAuth.art-affiliate .steps-grid p{font-size:11px;line-height:1.8;color:#af9a88}
#partnerAuth.art-affiliate .join-section{position:relative;isolation:isolate;width:min(1232px,calc(100% - 80px));margin:50px auto 80px;padding:60px;grid-template-columns:minmax(0,1fr) 420px;gap:60px;border:1px solid #a56e4540;border-radius:26px;background:radial-gradient(ellipse at 0 100%,#c75f2238,transparent 65%),radial-gradient(ellipse at 30% 0,#73579720,transparent 55%),#25201c}
#partnerAuth.art-affiliate .join-section:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;left:20%;bottom:10%;border:28px solid #f7ab6d14;border-radius:50%;transform:rotateX(60deg) rotateY(20deg);box-shadow:0 15px 30px #0001}
#partnerAuth.art-affiliate .join-copy h2{font-size:47px}
#partnerAuth.art-affiliate .join-copy p{font-size:13px}
#partnerAuth.art-affiliate .join-copy li{font-size:12px;color:#c3ab99}
#partnerAuth.art-affiliate .join-copy li:before{color:#ffaf70}
#partnerAuth.art-affiliate .auth-card{padding:30px;background:#2b2521;color:#f4e9de;border:1px solid #82624670;border-radius:17px;box-shadow:0 25px 70px #0005,inset 0 1px #ffe1c216}
#partnerAuth.art-affiliate .auth-brand small{color:#b29984}
#partnerAuth.art-affiliate .auth-brand strong{color:#e8d4c4}
#partnerAuth.art-affiliate .auth-card .eyebrow{color:#bb9678;font-weight:500;font-size:9px}
#partnerAuth.art-affiliate .auth-card h1{color:#f4e9de;font-size:28px;font-weight:500}
#partnerAuth.art-affiliate .auth-copy{color:#baa18d;font-size:11px}
#partnerAuth.art-affiliate .auth-tabs{background:#201b17;border:1px solid #67503d60;padding:4px}
#partnerAuth.art-affiliate .auth-tabs button{font-size:11px;color:#bca18b}
#partnerAuth.art-affiliate .auth-tabs button.active{background:#63442e;color:#ffe6d0;font-weight:600;box-shadow:0 3px 10px #0003}
#partnerAuth.art-affiliate .auth-form label{color:#d0b39c;font-size:11px;font-weight:500}
#partnerAuth.art-affiliate .auth-form input{height:45px;border:1px solid #6f513c;background:#372b23;color:#f7e9dc;border-radius:8px;padding:10px 12px}
#partnerAuth.art-affiliate .auth-form input:focus{border-color:#d79861;box-shadow:0 0 0 3px #b9723c25}
#partnerAuth.art-affiliate .auth-form .primary{min-height:47px;font-size:12px}
#partnerAuth.art-affiliate .auth-error{border-color:#a8594a;background:#852b2529;color:#ffc2b5}
#partnerAuth.art-affiliate .landing-footer{width:min(1232px,calc(100% - 80px));border-color:#66503e40;padding-block:35px 45px}
#partnerAuth.art-affiliate .landing-footer p,#partnerAuth.art-affiliate .landing-footer>small{font-size:10px;color:#a48b76}
body:has(#partnerAuth.art-affiliate:not(.hidden))>.language-picker{background:#2f241ef0;border-color:#ac7b503b;color:#f5dfcc;box-shadow:0 6px 25px #0005}
@media(max-width:1100px){#partnerAuth.art-affiliate .landing-header,#partnerAuth.art-affiliate .landing-hero,#partnerAuth.art-affiliate .landing-metrics,#partnerAuth.art-affiliate .landing-section,#partnerAuth.art-affiliate .join-section,#partnerAuth.art-affiliate .landing-footer{width:calc(100% - 60px)}#partnerAuth.art-affiliate .landing-header nav{gap:18px}#partnerAuth.art-affiliate .hero-copy{max-width:590px}#partnerAuth.art-affiliate .hero-copy h1{font-size:58px}#partnerAuth.art-affiliate .hero-visual{right:-230px;width:950px;opacity:.8}#partnerAuth.art-affiliate .public-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}#partnerAuth.art-affiliate .public-tariff-grid article{min-height:300px}#partnerAuth.art-affiliate .join-section{padding:42px;grid-template-columns:minmax(0,1fr) 380px;gap:35px}#partnerAuth.art-affiliate .join-copy h2{font-size:38px}}
@media(max-width:760px){#partnerAuth.art-affiliate .landing-header,#partnerAuth.art-affiliate .landing-hero,#partnerAuth.art-affiliate .landing-metrics,#partnerAuth.art-affiliate .landing-section,#partnerAuth.art-affiliate .join-section,#partnerAuth.art-affiliate .landing-footer{width:calc(100% - 40px)}#partnerAuth.art-affiliate .landing-header{height:74px}#partnerAuth.art-affiliate .landing-brand strong{font-size:14px}#partnerAuth.art-affiliate .landing-brand small{font-size:6px}#partnerAuth.art-affiliate .brand-mark{width:32px;height:32px;min-width:32px}#partnerAuth.art-affiliate .landing-login{padding:9px 16px;font-size:11px}#partnerAuth.art-affiliate .landing-hero{min-height:0;padding:45px 0 430px;align-items:flex-start}#partnerAuth.art-affiliate .landing-hero:before{display:none}#partnerAuth.art-affiliate .hero-copy{max-width:100%}#partnerAuth.art-affiliate .hero-pill{font-size:7px;letter-spacing:.1em}#partnerAuth.art-affiliate .hero-copy h1{font-size:clamp(38px,8vw,54px);line-height:1.1;margin-top:22px}#partnerAuth.art-affiliate .hero-copy>p{font-size:13px;line-height:1.85;margin-top:22px}#partnerAuth.art-affiliate .hero-actions{flex-direction:row;flex-wrap:wrap;gap:13px;margin-top:23px}#partnerAuth.art-affiliate .hero-primary{min-height:46px;font-size:12px;padding:11px 18px;width:auto}#partnerAuth.art-affiliate .hero-secondary{width:auto;font-size:11px;min-height:46px}#partnerAuth.art-affiliate .hero-trust{display:flex;flex-wrap:wrap;gap:10px 17px;font-size:9px;margin-top:19px}#partnerAuth.art-affiliate .hero-visual{width:640px;height:410px;top:auto;bottom:-8px;right:-30px;opacity:1}#partnerAuth.art-affiliate .hero-visual img{object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 22%);mask-composite:intersect}#partnerAuth.art-affiliate .landing-metrics{margin-bottom:25px;grid-template-columns:1fr 1fr}#partnerAuth.art-affiliate .landing-metrics>div,#partnerAuth.art-affiliate .landing-metrics>div:first-child{padding:20px 15px}#partnerAuth.art-affiliate .landing-metrics strong{font-size:28px}#partnerAuth.art-affiliate .landing-metrics span{font-size:9px}#partnerAuth.art-affiliate .landing-section{padding:35px 0}#partnerAuth.art-affiliate .section-heading{margin-bottom:25px}#partnerAuth.art-affiliate .section-heading h2{font-size:34px}#partnerAuth.art-affiliate .section-heading p{font-size:12px}#partnerAuth.art-affiliate .benefit-grid{grid-template-columns:1fr;gap:15px}#partnerAuth.art-affiliate .benefit-grid article{padding:28px 25px;min-height:235px;border-radius:18px}#partnerAuth.art-affiliate .benefit-grid article>i{right:32px;top:25px;width:75px;height:75px;border-radius:20px;font-size:38px}#partnerAuth.art-affiliate .benefit-grid article h3{font-size:26px;margin-top:65px;max-width:85%}#partnerAuth.art-affiliate .benefit-grid article p{font-size:12px}#partnerAuth.art-affiliate .public-tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}#partnerAuth.art-affiliate .public-tariff-grid article{padding:22px 15px;min-height:290px;border-radius:14px}#partnerAuth.art-affiliate .public-tariff-grid article div{display:block}#partnerAuth.art-affiliate .public-tariff-grid article div>span{font-size:10px}#partnerAuth.art-affiliate .public-tariff-grid article div>b{display:inline-block;font-size:6px;margin-top:7px}#partnerAuth.art-affiliate .public-tariff-grid article p{font-size:9px;margin-top:20px;line-height:1.8}#partnerAuth.art-affiliate .public-tariff-grid article>strong{font-size:47px;margin-top:40px}#partnerAuth.art-affiliate .public-tariff-grid article>small{font-size:7px;line-height:1.6}#partnerAuth.art-affiliate .public-tariff-grid article:after{right:-25px;top:93px;width:65px;height:65px;border-width:7px}#partnerAuth.art-affiliate .steps-grid{grid-template-columns:1fr 1fr;gap:50px 20px;margin-top:45px}#partnerAuth.art-affiliate .steps-grid h3{font-size:16px}#partnerAuth.art-affiliate .steps-grid p{font-size:10px}#partnerAuth.art-affiliate .join-section{grid-template-columns:1fr;padding:30px 20px;margin-top:35px;margin-bottom:40px;gap:30px;border-radius:20px}#partnerAuth.art-affiliate .join-copy h2{font-size:34px}#partnerAuth.art-affiliate .join-copy p{font-size:12px}#partnerAuth.art-affiliate .auth-card{padding:25px 20px;border-radius:14px}#partnerAuth.art-affiliate .auth-card h1{font-size:25px}#partnerAuth.art-affiliate .landing-footer{padding:30px 0 80px;gap:12px}#partnerAuth.art-affiliate .landing-footer>small{grid-column:auto}}
@media(max-width:350px){#partnerAuth.art-affiliate .public-tariff-grid{grid-template-columns:1fr}#partnerAuth.art-affiliate .public-tariff-grid article{min-height:245px;padding:25px}#partnerAuth.art-affiliate .public-tariff-grid article p{max-width:200px}#partnerAuth.art-affiliate .public-tariff-grid article div{display:flex}#partnerAuth.art-affiliate .hero-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){#partnerAuth.art-affiliate *,#partnerAuth.art-affiliate *:before,#partnerAuth.art-affiliate *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}