@import url('taply-restaurant-v1/css/fonts.css');
*{box-sizing:border-box}body{margin:0;background:#080808;color:#f5f2ea;font:17px/1.6 Assistant,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #d4b164;outline-offset:3px}.signin{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.signin-story{background:#0b0b0a;color:#f5f2ea;position:relative;overflow:hidden;isolation:isolate;padding:48px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh}.wordmark{font:700 44px/1 Arial,sans-serif;align-self:flex-end}.wordmark span{color:#d4b164}.story-copy{position:relative;margin-top:170px}.story-copy>span{color:#d4b164;font-size:16px}.story-copy h1{font-size:clamp(45px,5vw,78px);line-height:1.13;margin:20px 0 35px;letter-spacing:-1.5px}.orbit{position:absolute;width:380px;height:380px;left:50%;top:40%;transform:translate(-50%,-50%);z-index:-1;opacity:.65}.orbit i{position:absolute;inset:0;border:1px solid #d4b16455;border-radius:50%;animation:orbit-turn 24s linear infinite;transform:rotateX(55deg) rotateY(20deg)}.orbit i:nth-child(2){inset:30px;animation-direction:reverse;animation-duration:19s}.orbit i:nth-child(3){inset:60px;animation-duration:15s}.login-signal{position:absolute;inset:0;width:104px;height:104px;margin:auto;color:#d4b164}#login-motion{align-self:flex-start;border:1px solid #ffffff35;background:none;color:#f5f2ea;border-radius:30px;padding:10px 16px;min-height:44px;font-size:14px}.signin-panel{border-inline-start:1px solid #d4b16420;display:grid;place-items:center;padding:55px 40px}.signin-form{width:min(400px,100%);animation:signin-arrive .6s both}.eyebrow{color:#d4b164;font-size:15px}.signin-form h2{font-size:40px;line-height:1.2;margin:12px 0 16px;letter-spacing:-1px}.subtitle{color:#aaa69d;margin-bottom:32px}.signin-form label{display:block;margin:20px 0 8px;font-weight:600;font-size:16px}.signin-form input{width:100%;min-height:54px;border:1px solid #49402c;background:#141413;border-radius:12px;padding:12px 15px;color:#f5f2ea}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.password-wrap button{position:absolute;right:9px;top:6px;height:42px;border:0;background:none;color:#d9bc78;font-size:14px;padding:0 12px}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:linear-gradient(110deg,#c9a34f,#ecd89b,#c9a34f);color:#17130b;border-radius:12px;min-height:55px;padding:13px 20px;margin-top:28px;transition:transform .2s,background .2s}.submit:hover{transform:translateY(-2px);background:#e0c789}.support-note{text-align:center;color:#aaa69d;font-size:14px;margin-top:24px}.signin-form footer{text-align:center;margin-top:55px;color:#aaa69d;font-size:13px}.notice{border-radius:10px;padding:13px 16px;background:#272318;margin-bottom:15px;font-size:16px}.notice.error{background:#35201d;color:#f1b0a4}.paused *{animation:none!important;transition:none!important}@keyframes orbit-turn{from{transform:rotateZ(0) rotateX(55deg) rotateY(20deg)}to{transform:rotateZ(360deg) rotateX(55deg) rotateY(20deg)}}@keyframes signin-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:760px){.signin{grid-template-columns:1fr}.signin-story{min-height:240px;padding:26px 28px}.wordmark{font-size:32px}.orbit{width:270px;height:270px;top:70%;left:20%}.story-copy{margin-top:20px}.story-copy h1{font-size:37px;margin:10px 0 0}.story-copy h1 br{display:none}.story-copy>span{font-size:14px}#login-motion{position:absolute;bottom:20px;left:22px;font-size:12px;padding:7px 12px}.signin-panel{padding:35px 27px 40px}.signin-form h2{font-size:34px}.signin-form footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){.signin{background:#080808}.signin-story{background:linear-gradient(180deg,#0b0b0a 0%,#080808 100%);overflow:visible}.orbit{-webkit-mask-image:linear-gradient(#000 45%,transparent 100%);mask-image:linear-gradient(#000 45%,transparent 100%)}.signin-panel{position:relative;border:0;background:transparent;padding-top:24px}}

/* One centered login composition on desktop and mobile. */
.signin{display:flex;flex-direction:column;align-items:center;background:#080808;padding:40px 24px;min-height:100svh}.signin-story{background:transparent;min-height:0;width:min(400px,100%);padding:0;display:flex;align-items:center;overflow:visible}.wordmark{align-self:center;position:relative;z-index:1}.orbit{position:relative;top:auto;left:auto;transform:none;width:250px;height:210px;margin:18px auto 8px;z-index:0;mask-image:none;-webkit-mask-image:none;pointer-events:none}.signin-panel{display:block;width:min(400px,100%);padding:0;border:0}.signin-form{width:100%}.support-note a{color:#d4b164;text-decoration:underline;text-underline-offset:4px}.signin-form footer{margin-top:28px}@media(max-width:760px){.signin{padding:28px 26px}.wordmark{font-size:36px}.orbit{width:210px;height:180px;margin:14px auto 4px}.signin-panel{padding:0}.signin-form label{margin-top:14px}}

/* Light Taply login with an outward NFC signal. */
body,.signin{background:#fffdf7;color:#292b23}.signin{background:radial-gradient(ellipse at 12% 20%,#dfc88f45,transparent 48%),radial-gradient(ellipse at 95% 85%,#ead5a84d,transparent 50%),#fffdf8;justify-content:center;padding-block:35px}.signin-story{height:230px;justify-content:center;color:#252820}.signin-story .wordmark{position:absolute;top:94px;font-size:52px;margin:0;line-height:1;letter-spacing:-2px}.wordmark span{color:#b28b3d}.orbit{position:absolute;width:240px;height:220px;inset:0;margin:auto;opacity:1}.login-signal{display:none}.orbit i,.orbit i:nth-child(2),.orbit i:nth-child(3){inset:35px;border:1.5px solid #bb9243;border-radius:50%;animation:login-nfc-pulse 5s ease-out infinite;transform:none}.orbit i:nth-child(2){animation-delay:-1.67s}.orbit i:nth-child(3){animation-delay:-3.34s}.signin-form label{color:#444536}.signin-form input{background:#ffffffc9;color:#24261e;border:1px solid #d9ceb3;border-radius:12px}.signin-form .submit{background:linear-gradient(110deg,#d3af60,#ecd79e);color:#2b281d;border:1px solid #c5a15a;border-radius:12px}.password-wrap button{color:#88682b}.support-note,.signin-form footer{color:#7b7869}.support-note a{color:#977128}.notice{background:#f4ecd8;color:#5b5034}.notice.error{background:#fae7df;color:#942e24}@keyframes login-nfc-pulse{0%{scale:.5;opacity:0}20%{opacity:.6}100%{scale:1.6;opacity:0}}@media(max-width:760px){.signin{padding:22px}.signin-story{height:210px}.signin-story .wordmark{top:86px;font-size:47px}.orbit{height:210px}.signin-panel{padding:0}}@media(prefers-reduced-motion:reduce){.orbit i{animation:none;opacity:.2}}

body,.signin{background:#f4f0e7;color:#1c2d4b}
.signin{background:radial-gradient(ellipse at 12% 20%,#2157cf16,transparent 48%),radial-gradient(ellipse at 95% 85%,#7197ed22,transparent 50%),#f4f0e7}
.signin-story{background:transparent;color:#2157cf}.signin-story .wordmark{color:#2157cf}
.orbit i,.orbit i:nth-child(2),.orbit i:nth-child(3){border-color:#2157cf}
.signin-form label{color:#1c2d4b}.signin-form input{background:#fffdf7;color:#1c2d4b;border-color:#2157cf40;accent-color:#2157cf}
.signin-form .submit,.signin-form .submit:hover{background:#2157cf;color:#fffdf7;border-color:#2157cf}
.password-wrap button,.support-note a{color:#2157cf}.support-note,.signin-form footer{color:#657087}
.notice{background:#e7eefc;color:#1c2d4b}.notice.error{background:#fae7df;color:#942e24}button:focus-visible,input:focus-visible{outline-color:#2157cf}