/* Classic 2014-2016 landing layout, using Hollywood's original site colors. */
:root{font-family:"Source Sans Pro",Arial,Helvetica,sans-serif;color:#343434;background:#52bbd7;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:300px;min-height:100vh;min-height:100svh;background:linear-gradient(90deg,rgba(0,25,48,.13),rgba(0,25,48,.04)),url('/landing-assets/classic-rollercoaster.jpg') center center/cover fixed no-repeat}a{color:#0074bd;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#0074bd;border-bottom:1px solid #005f9e;min-height:60px}.topbar-inner{max-width:1180px;min-height:60px;margin:auto;padding:8px 24px;display:flex;align-items:center;gap:25px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:120px;height:auto}nav{display:flex;gap:24px}nav a{font-size:15px;color:white}.login-menu{margin-left:auto;position:relative}.login-menu summary{color:white;cursor:pointer}.login-menu>summary{display:none}.login-menu form{display:flex;align-items:center;gap:8px}.login-menu label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-menu input{width:155px;height:33px}.login-menu button{height:33px;padding:4px 17px;background:#00a2ff;border:1px solid #0089d8;white-space:nowrap}.login-menu .error{position:absolute;z-index:3;right:0;top:36px;width:100%;min-width:260px;margin-top:8px}
main{max-width:1120px;min-height:calc(100vh - 99px);min-height:calc(100svh - 99px);margin:auto;padding:40px 25px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);gap:80px;align-items:center}.intro{text-align:center;color:white;padding-bottom:65px;text-shadow:0 2px 4px #0009}.hero-logo{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 3px 3px #0005)}h1{font-size:30px;font-weight:400;line-height:1.2;margin:8px 0 20px}.intro p{font-size:17px;line-height:1.5;margin:0}.card{background:rgba(255,255,255,.96);border:1px solid #b8b8b8;padding:25px 28px 28px;box-shadow:0 2px 5px #0003}.card h2{font-size:25px;line-height:1.2;font-weight:400;margin:0 0 20px}.card label,legend{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}input,select{width:100%;height:38px;border:1px solid #b8b8b8;border-radius:3px;background:#fff;padding:0 10px;font:inherit;font-size:14px;color:#343434}input::placeholder{color:#777}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #00a2ff;outline-offset:2px}fieldset{border:0;padding:0;margin:0;min-width:0}.birthday{display:flex;gap:6px}.birthday select{min-width:0;flex:1}.birthday select:first-child{flex:1.4}.gender{display:flex;gap:8px}.gender button{flex:1;background:#fff;border:1px solid #b8b8b8;color:#555}.gender button.selected-gender{background:#e3f4ff;border-color:#0074bd;color:#0074bd}button{cursor:pointer;border:1px solid transparent;border-radius:3px;background:#0074bd;color:#fff;padding:9px 14px;font:inherit;font-size:15px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}#signup-button{width:100%;margin-top:21px;background:#00a65a;border-color:#008d4c;font-size:20px;min-height:44px}#signup-button:hover:not(:disabled){background:#008d4c}.discordversection,#discordmsg{font-size:13px;line-height:1.4;margin-bottom:12px}.discordversection a{display:block;padding:9px 12px;border:1px solid #0074bd;text-align:center;background:#fff}.error{font-size:13px;line-height:1.4;color:#a31515;background:#fff0ee;border:1px solid #e8aaa5;padding:10px}.error[hidden]{display:none!important}footer{padding:10px 20px 14px;font-size:12px;text-align:center;color:white;text-shadow:0 1px 3px #000;background:#173e4c40}
@media(min-width:1600px){main{gap:110px}}@media(max-width:1000px){main{gap:35px;grid-template-columns:minmax(0,1fr) minmax(330px,390px)}.topbar-inner{gap:18px}nav{gap:15px}.login-menu input{width:130px}.intro p{max-width:260px;margin:auto}}@media(max-width:760px){body{background-attachment:scroll;background-position:42% top}.topbar-inner{padding:9px 18px;gap:18px}nav{gap:14px}nav a{font-size:13px}.brand img{width:100px}.login-menu>summary{display:block;list-style:none;font-size:14px;padding:8px 0}.login-menu>summary::-webkit-details-marker{display:none}.login-menu[open] form{position:absolute;right:0;top:44px;z-index:5;width:270px;padding:18px;background:#fff;border:1px solid #bbb;box-shadow:0 3px 8px #0004;display:flex;flex-direction:column;align-items:stretch}.login-menu input{width:100%;height:38px}.login-menu button{height:38px}.login-menu .error{position:static;min-width:0;margin:6px 0 0}.login-menu label{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:13px;font-weight:600}.intro{padding:0;width:100%;min-width:0}.hero-logo{max-width:310px}h1{font-size:24px;margin:0 0 10px}.intro p{font-size:14px;max-width:none}main{display:flex;flex-direction:column;gap:26px;padding:30px 18px 35px;min-height:calc(100svh - 99px)}.card{width:100%;max-width:420px;padding:23px}.card h2{font-size:23px;margin-bottom:18px}footer{background:#173e4c88}}@media(max-width:380px){.topbar-inner{gap:12px;padding:9px 12px}nav{gap:10px}.brand img{width:88px}.card{padding:20px}.card h2{font-size:21px}}