@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#111314;color:#e9e7e2;font:14px 'DM Sans',sans-serif}header{height:85px;border-bottom:1px solid #171717;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{color:#eee;text-decoration:none;letter-spacing:3px;font-size:24px;font-weight:700}.brand span,.brand b{color:#e9b46a}.brand b{margin-right:10px}.label,.eyebrow{font-size:10px;letter-spacing:2px;color:#b49a77}main{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 85px)}.story{padding:65px 12%;border-right:1px solid #292c2d;background:radial-gradient(at 10% 30%,#25221c,transparent 70%)}h1{font-size:clamp(38px,4vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.13;margin:22px 0}h1 em{font-style:normal;color:#e9b46a}p{color:#8e9698;line-height:1.8}.still{height:190px;margin-top:35px;border:1px solid #353735;border-radius:5px;background-image:url('/reference.png');background-size:353% 788%;background-position:80.5% 79.3%;position:relative;overflow:hidden}.still>span{position:absolute;bottom:0;padding:35px 18px 15px;background:linear-gradient(transparent,#000b);width:100%;letter-spacing:3px;font-style:italic}.still small{display:block;font-size:8px;margin-top:8px;font-style:normal;color:#c1c5c5}.footnote{color:#666c6e;font-size:9px;letter-spacing:2px;margin-top:22px}.form-side{padding:60px 13% 25px;display:flex;flex-direction:column;justify-content:center}.card{width:100%;max-width:410px;margin:auto}h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:16px 0 10px}.card>p{font-size:12px;margin-bottom:30px}label{display:block;margin:20px 0 9px;font-size:12px;color:#b6bdbe}input{width:100%;background:#1b1e20;border:1px solid #3a3e3f;border-radius:4px;color:#eee;font:inherit;padding:13px 14px}input:focus{outline:2px solid #e9b46a;outline-offset:2px}button{width:100%;border:0;border-radius:4px;padding:14px 18px;background:#e9b46a;color:#251c10;font:600 13px 'DM Sans',sans-serif;margin-top:27px;cursor:pointer;text-align:left}button:hover{background:#f2c282}button span{float:right}.secure{margin-top:22px;text-align:center;color:#9eaa9e;font-size:10px}.note{font-size:10px!important;text-align:center;line-height:1.8!important;margin-top:20px}.error{padding:12px;color:#e8b4a8;background:#392825;border:1px solid #674137;border-radius:4px;line-height:1.7;font-size:12px}footer{display:flex;justify-content:space-between;color:#636b6d;letter-spacing:1px;font-size:8px;margin-top:40px}@media(max-width:850px){.story{padding:50px 9%}.form-side{padding:40px 8%}h2{font-size:23px}}@media(max-width:650px){header{height:70px;padding:0 22px}.brand{font-size:20px}.label{display:none}main{display:block;min-height:calc(100vh - 70px)}.story{display:none}.form-side{padding:45px 25px;min-height:calc(100vh - 70px)}h2{font-size:27px}.card{max-width:420px}}

.brand{display:block;width:190px;max-width:60vw;height:45px;overflow:hidden;line-height:0}.brand img{display:block;width:100%;height:45px;object-fit:contain;object-position:left center}


.google-button-host{display:flex;justify-content:center;width:100%;min-height:44px;margin-top:6px}.google-button-host iframe{max-width:100%}.google-auth-fallback{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#202124;text-decoration:none;font:600 14px Arial,sans-serif;transition:background .15s,border-color .15s}.google-auth-fallback:hover{background:#f7f8f8;border-color:#c6c9cc}.google-auth-fallback:focus-visible{outline:3px solid #8ab4f8;outline-offset:2px}.google-auth-fallback svg{width:20px;height:20px;flex:none}.google-auth-status{min-height:0;margin:8px 0 0;text-align:center;color:#f2c282;font-size:12px;line-height:1.5}.google-auth-status:empty{display:none}.or{display:flex;align-items:center;gap:12px;margin:22px 0 0;color:#6f7779;font-size:11px;letter-spacing:1px}.or::before,.or::after{content:"";flex:1;height:1px;background:#2c3031}.reveal{width:auto;margin:8px 0 0;padding:4px 0;background:none;color:#b49a77;font-size:12px;font-weight:500}.reveal:hover{background:none;color:#e9b46a}
.altbtn{display:block;margin-top:14px;padding:13px 18px;border:1px solid #e9b46a;border-radius:4px;color:#e9b46a;text-align:center;text-decoration:none;font:600 13px 'DM Sans',sans-serif}.altbtn:hover{background:#e9b46a22}

/* Current MakeFilms account design, shared by login and signup. */
body{background:#08111b;color:#f1f5fa;font-family:'DM Sans',system-ui,sans-serif}
header{height:80px;padding:0 clamp(24px,6vw,88px);background:#0b1520;border-bottom:1px solid #263748}
header .label{color:#9eb3ca;letter-spacing:.15em}
main{min-height:calc(100vh - 80px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.story{padding:clamp(45px,6vw,90px) clamp(30px,6vw,90px);background:radial-gradient(ellipse at 10% 15%,#23384c,transparent 65%),#0d1926;border-right:1px solid #25384a;display:flex;flex-direction:column;justify-content:center}
.eyebrow{color:#ffd166;font-weight:650;letter-spacing:.16em}
h1{font-size:clamp(42px,4.8vw,68px);font-weight:650;line-height:1.08;letter-spacing:-.045em;margin:24px 0}
h1 em{color:#ffd166}.story>p{font-size:16px;color:#afc1d3;line-height:1.75}
.still{height:220px;background-image:linear-gradient(180deg,transparent 35%,#06101bd9),url('/home-example-spaceship.jpg');background-size:cover;background-position:center;border:1px solid #3a5067;border-radius:18px;margin-top:26px;box-shadow:0 20px 45px #0004}
.still>span{font-style:normal;font-weight:600;letter-spacing:.18em;padding:28px 22px 20px}.still small{color:#bed0e2;letter-spacing:.16em}.footnote{color:#8da7c0;letter-spacing:.16em;margin-top:24px}
.form-side{padding:44px clamp(24px,4vw,64px) 28px;background:radial-gradient(ellipse at 100% 0,#172b3f,transparent 65%),#08111b}
.card{max-width:440px;padding:32px;background:#111e2c;border:1px solid #2c4157;border-radius:20px;box-shadow:0 22px 55px #02070e55}
h2{font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.2;color:#f1f5fa}.card>p{font-size:14px;color:#aebfd0;margin-bottom:24px}
label{font-size:13px;color:#cfdeed;margin:18px 0 8px}input{background:#091522;border:1px solid #3b526a;border-radius:10px;color:#f1f5fa;padding:14px;font-size:14px}input::placeholder{color:#8198af}input:focus{outline:2px solid #ffd166}
button{background:#ffd166;color:#15202b;border-radius:10px;margin-top:24px;padding:15px 18px;font-size:14px;font-weight:750}button:hover{background:#ffdc89}
.or{color:#8da5bd;letter-spacing:.02em}.or::before,.or::after{background:#2b4055}.secure{color:#90a9c1;font-size:11px;line-height:1.6}.note{font-size:12px!important}.note a{color:#a9d5ff;text-underline-offset:3px}
.altbtn{border-color:#415c75;border-radius:10px;color:#e2edf8;padding:14px;font-size:13px}.altbtn:hover{background:#21384e;border-color:#ffd166}
.reveal{color:#ffd166;background:none;font-size:12px}.reveal:hover{color:#ffe2a0;background:none}
.error{border-radius:10px;background:#3b1e26;border-color:#86515c;color:#ffd2da}.google-auth-status{color:#b7cee4}
footer{max-width:440px;width:100%;margin:26px auto 0;color:#8ca3bb;font-size:10px;letter-spacing:.04em}
@media(max-width:950px){.story{padding:44px 30px}.card{padding:26px}.form-side{padding:32px 24px}.still{height:190px}}
@media(max-width:700px){header{height:72px;padding:0 22px}main{display:block;min-height:calc(100vh - 72px)}.story{display:none}.form-side{min-height:calc(100vh - 72px);padding:28px 18px}.card{max-width:440px;padding:26px 22px}h2{font-size:28px}footer{padding:0 6px}}