:root{color-scheme:light}*{box-sizing:border-box}body.royal-login{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#09224c;background:#092953 url('royal-login-background.jpg') center center/cover no-repeat fixed}.royal-login:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,25,59,.20),rgba(3,28,66,.15));pointer-events:none}.royal-login-layout{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px 18px;gap:18px}.royal-login-card{position:relative;overflow:hidden;width:min(560px,100%);padding:24px 50px 36px;border-radius:34px 34px 22px 22px;background:linear-gradient(160deg,#fff 0%,#f8fbff 83%,#e9f0fa 100%);border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 70px rgba(0,20,58,.43);text-align:center}.royal-brand{margin:0 auto}.royal-ship{font-size:42px;line-height:1;color:#09224c}.royal-brand-name{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4.4vw,46px);font-weight:700;letter-spacing:-1.5px;line-height:1.08}.royal-rule{height:2px;width:76%;margin:10px auto;background:linear-gradient(90deg,transparent,#b98825,transparent)}.royal-brand-subtitle{font-size:15px;font-weight:800;letter-spacing:3px}.royal-modules{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:16px 0 18px;padding-bottom:14px;border-bottom:1px solid #dce5f1;font-size:11px;font-weight:700}.royal-modules span:not(:last-child):after{content:"│";color:#a8b8d2;margin-left:12px}.royal-login-card h1{font-size:25px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.royal-intro{font-size:13px;margin:0 0 14px;color:#41556f}.royal-field-label{display:block;text-align:left;font-size:12px;font-weight:700;margin:10px 0 5px}.royal-input{display:flex;align-items:center;gap:12px;border:1.5px solid #b9c9e2;border-radius:10px;background:#fff;padding:0 14px;height:48px}.royal-input:focus-within{border-color:#1863cb;box-shadow:0 0 0 3px rgba(24,99,203,.13)}.royal-input>span{color:#143867;display:flex}.royal-input input{width:100%;height:100%;min-width:0;border:0;background:transparent;outline:0;color:#102849;font-size:15px}.royal-input input::placeholder{color:#8190a6}.royal-eye{border:0;background:none;color:#0754b3;font-size:12px;font-weight:700;padding:8px;cursor:pointer}.royal-form-note{text-align:left;color:#52657d;font-size:11px;margin:10px 0 16px}.royal-submit{width:100%;height:52px;border:0;border-radius:26px;color:white;font-size:19px;font-weight:800;background:linear-gradient(180deg,#0753a7,#061d48);box-shadow:0 7px 16px rgba(0,30,77,.26);cursor:pointer}.royal-submit:hover{background:linear-gradient(180deg,#1767c6,#092b62)}.royal-submit:focus-visible,.royal-eye:focus-visible{outline:3px solid #e7b450;outline-offset:3px}.royal-gold-wave{position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(90deg,#d8a33b,#fff1ae,#b77b19,#f2cb6b)}.royal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:0;color:white;text-shadow:0 2px 8px #001b45;font-size:14px;font-weight:700;background:rgba(4,24,60,.55);border-radius:30px;padding:8px 10px;backdrop-filter:blur(3px)}.royal-footer span{padding:2px 20px;display:flex;align-items:center;gap:8px}.royal-footer svg{color:#f2cb6b;flex:none}.royal-footer span+span{border-left:1px solid rgba(255,255,255,.7)}@media(max-width:650px){body.royal-login{background-position:22% center}.royal-login-layout{padding:16px 12px 24px}.royal-login-card{padding:22px 22px 30px;border-radius:25px}.royal-brand-subtitle{font-size:11px;letter-spacing:2px}.royal-modules{font-size:10px;gap:4px 7px;margin:17px 0}.royal-modules span:not(:last-child):after{margin-left:7px}.royal-login-card h1{font-size:22px}.royal-footer{font-size:11px;border-radius:16px;padding:6px 4px}.royal-footer span{padding:4px 9px;gap:5px}.royal-footer svg{width:15px;height:15px}.royal-footer span+span{border-left:0}}