*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"Source Sans 3","Trebuchet MS",sans-serif;color:#222;background:#2f2230;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
.si-bg{position:fixed;inset:0;background:#3a2a3a url(/gallery/art-ribbons.png) center 88%/cover no-repeat;filter:saturate(.9)}
.si-bg:after{content:"";position:absolute;inset:0;background:rgba(40,20,40,.55)}
.si-brand{position:absolute;left:15%;top:309px;color:#fff;z-index:2}
.si-brand a{display:flex;align-items:center;gap:10px;font-size:40px;line-height:40px;font-weight:800;color:#fff;letter-spacing:-1px;text-decoration:none}
.si-brand a svg path{fill:#eb1000}
.si-brand p{margin-top:12px;font-size:20px;line-height:24px;font-weight:300;color:#f4f4f4}
.si-col{position:absolute;left:calc(50% + 17px);top:0;width:511px;min-height:100%;background:#fff;z-index:3;display:flex;flex-direction:column}
.si-alert{height:20px;min-height:20px;background:#0265dc;color:#fff;font-size:12px;display:flex;align-items:center;gap:8px;padding:0 58px;white-space:nowrap}
.si-form{padding:41px 58px 40px;display:flex;flex-direction:column}
.si-form h1{font-size:36px;line-height:54px;font-weight:700;color:#222}
.si-new{font-size:16px;line-height:27px;color:#505050;margin-bottom:26px}
.si-new a,.si-more,.si-help{color:#0265dc;text-decoration:underline}
.si-form label{font-size:12px;line-height:16px;color:#222;margin-bottom:6px;display:block}
.si-form input{width:100%;height:32px;border:1px solid #909090;border-radius:4px;padding:0 10px;font:inherit;font-size:14px;color:#222;background:#fff;outline:0}
.si-form input:focus{border:2px solid #0265dc;padding:0 9px}
.si-pw{display:none}
.si-act{display:flex;justify-content:flex-end;margin:31px 0 28px}
.si-btn{height:32px;padding:0 17px;border-radius:16px;background:#0265dc;color:#fff;font:inherit;font-size:14px;font-weight:700;border:0;cursor:pointer}
.si-btn:hover{background:#0054b6}
.si-or{display:flex;align-items:center;gap:12px;color:#6e6e6e;font-size:16px;margin-bottom:28px}
.si-or:before,.si-or:after{content:"";flex:1;height:1px;background:#e1e1e1}
.si-social{height:56px;border:1px solid #d5d5d5;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font:inherit;font-size:14px;font-weight:700;color:#505050;margin-bottom:16px;cursor:pointer}
.si-social:hover{background:#f8f8f8;border-color:#909090}
.si-more{text-align:center;font-size:14px;line-height:20px;margin:6px 0 34px}
.si-help{font-size:14px;line-height:20px}
.si-msg{margin-top:18px;font-size:14px;color:#505050}.si-msg.err{color:#d7373f}

@media (max-width:1000px){
  .si-brand{left:6%;top:120px}.si-brand a{font-size:32px}
  .si-col{left:auto;right:0}
}
@media (max-width:700px){
  body{background:#fff}
  .si-bg,.si-brand p{display:none}
  .si-brand{position:static;padding:24px 24px 0;color:#222}
  .si-brand a{color:#eb1000;font-size:28px}
  .si-col{position:static;width:100%;min-height:0}
  .si-alert{padding:0 24px}
  .si-form{padding:24px}
  .si-form h1{font-size:32px;line-height:44px}
}
