/* RewindPlay AUTH V3 - mobile first, HTML5 + Bootstrap 5.3 */
:root{color-scheme:dark;--rp-fg:#edf4ff;--rp-muted:#bac9df;--rp-cyan:#00c9ff;--rp-line:rgba(142,181,235,.30);--rp-bg:#050b18;--rp-panel:rgba(8,19,36,.92)}
*{box-sizing:border-box}html{min-width:320px}body.rp-body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#050b18;color:var(--rp-fg);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden}
.rp-background{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 17% 30%,rgba(9,66,131,.24),transparent 44%),radial-gradient(ellipse at 86% 45%,rgba(40,27,96,.27),transparent 52%),linear-gradient(135deg,#061020,#080c1a)}
.rp-background:before{content:'';position:absolute;inset:-20px;background:url('ambient.webp') center / cover no-repeat;filter:blur(24px);opacity:.33}
.rp-page{width:100%;min-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto}
.rp-stage{max-width:1630px;width:100%;min-width:0;margin:auto;display:grid;grid-template-columns:minmax(0,1.53fr) minmax(0,.97fr);align-items:center;gap:clamp(10px,1.2vw,22px);padding:clamp(12px,1.6vw,25px);min-height:0}
.rp-art{min-width:0;position:relative;align-self:center}
.rp-art img{display:block;width:100%;max-height:calc(100dvh - 114px);object-fit:contain;object-position:center;filter:drop-shadow(0 12px 36px rgba(0,0,0,.26))}
.rp-side{min-width:0;width:100%;max-width:590px;justify-self:center}
.rp-controlbar{display:flex;justify-content:end;gap:13px;align-items:center;padding:0 5px 11px;min-height:35px;color:#dfeeff}
.rp-locale{display:inline-flex;align-items:center;gap:7px;background:#07172a99;border:1px solid #5e7ca033;border-radius:20px;padding:5px 13px;font-size:.75rem;white-space:nowrap}
.rp-controlbar .rp-theme-button{background:none;border:none;color:#dceaff;font-size:1.15rem;line-height:1;cursor:pointer;padding:6px}
.rp-card{background:linear-gradient(145deg,rgba(12,25,43,.96),rgba(7,17,32,.97));border:1px solid rgba(115,164,226,.45);border-radius:18px;box-shadow:0 16px 48px #0008,0 0 26px rgba(0,147,255,.09);overflow:hidden;min-width:0}
.rp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(140,174,218,.22)}
.rp-tab{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:0;border-right:1px solid rgba(140,174,218,.2);font-size:.92rem;color:#e9f4ff;font-weight:650;text-decoration:none;transition:.2s;white-space:nowrap}
.rp-tab:last-child{border-right:0}.rp-tab i{font-size:1.1rem;color:#9bcfff}.rp-tab:hover{background:#162d4a;color:white}.rp-tab.active{color:white;box-shadow:inset 0 -3px #00bcff,inset 0 0 22px #006dce7d;background:linear-gradient(180deg,#05315bbb,#082344bb)}.rp-tab.active i{color:#e5faff}
.rp-panel{padding:clamp(19px,2.1vw,33px) clamp(19px,2.25vw,36px) clamp(18px,2.1vw,32px)}
.rp-panel h1{text-align:center;margin:0;font-weight:800;font-size:clamp(1.37rem,1.85vw,1.83rem);letter-spacing:-.04em}.rp-accent{color:#17b8ff}.rp-description{margin:7px 0 22px;text-align:center;color:var(--rp-muted);font-size:clamp(.82rem,1vw,.97rem)}
.rp-form .form-label{color:#cbdaf0;font-size:.78rem;font-weight:600;margin:0 0 5px}.rp-input{height:49px!important;border:1px solid rgba(141,178,226,.40)!important;background:rgba(2,12,25,.65)!important;color:#fff!important;border-radius:11px!important;box-shadow:none!important;padding:0 14px!important;font-size:.93rem!important;min-width:0}.rp-input::placeholder{color:#9eafc7;opacity:1}.rp-input:focus{border-color:#0ea5ff!important;box-shadow:0 0 0 3px #0287ed35!important}.rp-input-group{position:relative}.rp-input-group .rp-input{padding-left:46px!important}.rp-input-group .rp-input.has-end{padding-right:48px!important}.rp-input-icon{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;justify-content:center;width:44px;color:#e2edff;z-index:2;pointer-events:none}.rp-input-icon i{font-size:1.07rem}.rp-input-end{position:absolute;right:0;top:0;height:49px;width:45px;border:0;background:none;color:#cad9f0;z-index:2;cursor:pointer}
.rp-field{margin:0 0 12px}.rp-helpers{margin:2px 0 15px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:.81rem}.rp-helpers .form-check{min-height:0;margin:0}.rp-helpers .form-check-input{margin-top:.23em;background-color:#152b4e;border-color:#7797ba}.rp-helpers .form-check-input:checked{background-color:#067df9;border-color:#067df9}.rp-helpers .form-check-label{color:#dce8f7}.rp-a{color:#14bafb;text-decoration:none;font-weight:650}.rp-a:hover{color:#83dcff;text-decoration:underline}.rp-cta{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:52px;color:white;font-weight:750;font-size:1rem;border:1px solid #268dff;border-radius:11px;background:linear-gradient(110deg,#06a7ff,#0565fc);box-shadow:0 9px 28px #0665fd35;transition:filter .2s}.rp-cta:hover{filter:brightness(1.12);color:white}.rp-cta i{font-size:1.12rem}.rp-alt-separator{display:flex;align-items:center;gap:15px;color:#adbed5;font-size:.78rem;margin:17px 0}.rp-alt-separator:before,.rp-alt-separator:after{content:'';height:1px;flex:1;background:#63799680}
.rp-alt-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.rp-ghost{border:1px solid rgba(119,158,211,.43);border-radius:10px;background:#07152778;color:#f0f7ff;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 5px;min-height:44px;font-size:.86rem;font-weight:650;text-decoration:none}.rp-ghost:not(:disabled):hover{background:#122c4c;color:white}.rp-ghost:disabled{opacity:.48;cursor:not-allowed}.rp-ghost i{color:#00baff;font-size:1.2rem}.rp-bottom{text-align:center;margin:23px 0 0;font-size:.86rem;color:#d0dced}.rp-legal{text-align:center;font-size:.72rem;color:#a0afc5;margin:15px 0 0}.rp-legal a{color:#a8dfff}
.gc-panel{display:none}.gc-panel.active{display:block}.rp-note{padding:10px 12px;border:1px solid #31629888;border-radius:10px;background:#0b2445a3;font-size:.78rem;color:#ccdcf5;line-height:1.45;margin:0 0 17px}
.rp-alert{font-size:.8rem;padding:10px 12px;margin:0 0 15px}.rp-gift-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.rp-benefits{width:100%;background:linear-gradient(90deg,#061527f2,#08182df2);border-top:1px solid #51759f57;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;padding:13px max(2vw,16px);min-height:75px}.rp-benefit{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:0 11px;border-right:1px solid #32618a48}.rp-benefit:last-child{border:0}.rp-benefit-icon{display:grid;place-items:center;border:1px solid #23629488;width:41px;height:41px;flex:0 0 41px;border-radius:50%;font-size:1.2rem;color:#def0ff}.rp-benefit strong{display:block;font-size:.82rem;font-weight:700;white-space:nowrap}.rp-benefit small{display:block;color:#a8b9d2;font-size:.71rem;line-height:1.4}.rp-mobile-head{display:none}
.rp-modal .modal-content{background:#0c1c31;color:#ebf5ff;border:1px solid #528ed0;border-radius:16px}.rp-modal .btn-close{filter:invert(1)}.rp-modal .modal-body{color:#d9e7fc!important}.rp-modal .modal-body strong{color:#fff}.rp-modal .modal-header,.rp-modal .modal-footer{border-color:#476b9570!important}
body.rp-light{--rp-panel:#f2f7ff;background:#dae7f4;color:#10223a}body.rp-light .rp-card{background:linear-gradient(135deg,#f1f7fffa,#e8f4ffff)}body.rp-light .rp-tab,body.rp-light .rp-panel h1,body.rp-light .rp-form .form-label,body.rp-light .rp-helpers .form-check-label,body.rp-light .rp-bottom{color:#122440}body.rp-light .rp-description,body.rp-light .rp-legal{color:#52647c}body.rp-light .rp-input{background:#fff!important;color:#0e1d33!important}body.rp-light .rp-input-icon,body.rp-light .rp-input-end{color:#4a6078}body.rp-light .rp-ghost{background:#e0efff;color:#183251}body.rp-light .rp-note{color:#163354;background:#dcefff}
@media(min-width:901px){.rp-stage{max-height:calc(100dvh - 74px);overflow:hidden}.rp-art{max-height:100%}.rp-art img{max-height:calc(100dvh - 108px)}.rp-side{max-height:calc(100dvh - 92px);display:flex;flex-direction:column}.rp-card{overflow:auto;scrollbar-width:thin;scrollbar-color:#27577a transparent}.rp-side .rp-card{min-height:0}.rp-panel{padding-top:clamp(16px,1.9vw,31px);padding-bottom:clamp(16px,1.9vw,31px)}}
@media(min-width:901px) and (max-height:850px){.rp-panel{padding-top:17px;padding-bottom:17px}.rp-tab{min-height:51px}.rp-description{margin-bottom:14px}.rp-field{margin-bottom:9px}.rp-alt-separator{margin:11px 0}.rp-bottom{margin-top:14px}.rp-legal{margin-top:9px}.rp-cta{height:47px}.rp-ghost{min-height:41px;padding:9px 5px}.rp-stage{max-height:calc(100dvh - 78px)}.rp-side{max-height:calc(100dvh - 99px)}}
@media(min-width:901px) and (max-height:720px){.rp-benefits{min-height:60px;padding:7px 15px}.rp-art img{max-height:calc(100dvh - 78px)}.rp-stage{max-height:calc(100dvh - 60px)}.rp-panel{padding-top:15px;padding-bottom:15px}.rp-description{margin-bottom:12px}.rp-tab{min-height:49px}.rp-field{margin-bottom:8px}.rp-input,.rp-input-end{height:44px!important}.rp-cta{height:47px}.rp-bottom{margin-top:12px}.rp-alt-separator{margin:12px 0}.rp-controlbar{padding-bottom:5px}}
@media(max-width:900px){.rp-page{display:block}.rp-stage{display:flex;flex-direction:column;gap:0;padding:0 0 24px;max-height:none}.rp-art{display:none}.rp-mobile-head{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;max-height:270px;padding:15px 15px 0}.rp-mobile-head:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06101f10,#071221 93%),url('ambient.webp') center/cover;opacity:.8}.rp-mobile-logo{height:auto;width:min(290px,76%);object-fit:contain;mix-blend-mode:screen;position:relative;z-index:1;margin:0 auto 10px}.rp-mobile-covers{width:min(550px,100%);height:140px;object-fit:cover;object-position:center;position:relative;z-index:1;mask-image:linear-gradient(#000 60%,transparent 100%)}.rp-side{width:min(540px,calc(100% - 26px));margin:-14px auto 0;position:relative;max-width:540px}.rp-controlbar{display:none}.rp-card{box-shadow:0 13px 33px #0007}.rp-panel{padding:22px 23px 23px}.rp-benefits{grid-template-columns:1fr 1fr;gap:15px 4px;min-height:0;padding:19px 11px}.rp-benefit{justify-content:flex-start;border:0;padding-left:12px}.rp-benefit strong{font-size:.76rem}.rp-benefit small{font-size:.68rem}}
@media(max-width:450px){.rp-mobile-head{max-height:210px;padding-top:4px}.rp-mobile-logo{width:min(265px,75%);margin-bottom:2px}.rp-mobile-covers{height:120px}.rp-side{width:calc(100% - 18px);margin-top:-12px}.rp-tabs .rp-tab{gap:5px;min-height:49px;font-size:.80rem}.rp-tab i{font-size:1rem}.rp-panel{padding:18px 16px 19px}.rp-panel h1{font-size:1.34rem}.rp-description{font-size:.80rem;margin:6px 0 18px}.rp-form .form-label{font-size:.77rem}.rp-helpers{font-size:.73rem}.rp-ghost{font-size:.76rem}.rp-bottom{font-size:.79rem;margin-top:20px}.rp-benefit-icon{width:35px;height:35px;flex-basis:35px;font-size:1.02rem}.rp-benefit{gap:7px}.rp-benefit strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}