:root{--sx-navy:#092857;--sx-blue:#1267cf;--sx-pink:#ff356f;--sx-soft:#eef5ff}
.sp-body{background:linear-gradient(180deg,#f7faff,#eef4fb)}
.sp-auth-card,.sp-otp-card,.sp-visitor{overflow:hidden;border:1px solid #dbe5f0;border-radius:24px;background:#fff;box-shadow:0 22px 55px rgba(9,40,87,.12)}
.sp-auth-card{padding:24px}.sp-auth-card__head{text-align:center;margin-bottom:22px}.sp-auth-card__icon,.sp-otp-visual{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:var(--sx-soft);font-size:32px}.sp-auth-card h2,.sp-otp-card h2{margin:0 0 7px;color:var(--sx-navy);font-size:25px;font-weight:900}.sp-auth-card__head p,.sp-otp-card>p{color:#65758b}
.sp-auth-card .sp-button,.sp-otp-card .sp-button{width:100%;background:linear-gradient(135deg,var(--sx-pink),#f72660);box-shadow:0 10px 24px rgba(255,53,111,.23)}
.sp-age-note{display:flex;gap:11px;margin:14px 0;padding:13px;border-radius:14px;background:#edf5ff;color:#174c91;font-size:12px}.sp-age-note b{font-size:22px}
.sp-otp-card{padding:30px 24px;text-align:center}.sp-otp-phone{display:inline-flex;align-items:center;gap:8px;margin:8px 0 20px;padding:11px 20px;border-radius:999px;background:#f2f6fb;color:var(--sx-navy);font-weight:800}.sp-otp-code{letter-spacing:.45em;text-align:center;font-size:25px;font-weight:900}.sp-otp-card form+form{margin-top:12px}.sp-otp-card form+form .sp-button{background:#fff;color:var(--sx-blue);box-shadow:none}
.sp-visitor__hero{padding:38px 22px;text-align:center;background:linear-gradient(rgba(255,255,255,.74),rgba(255,255,255,.88)),url('/assets/images/ceyhanda-hero-map.webp') center/cover}.sp-visitor__hero h2{margin:0;color:var(--sx-navy);font-size:34px;font-weight:950}.sp-visitor__hero h3{margin:7px 0;color:var(--sx-navy);font-size:20px}.sp-visitor__hero p{max-width:520px;margin:10px auto 20px;color:#53647b}.sp-visitor__actions{display:flex;justify-content:center;gap:10px}.sp-visitor__actions a{min-width:130px;text-align:center;text-decoration:none}.sp-visitor__login{background:#fff!important;color:var(--sx-blue)!important;border:1px solid var(--sx-blue)}.sp-visitor__notice{display:flex;justify-content:center;gap:8px;padding:11px;background:#f4f8fc;color:#607089;font-size:11px}.sp-visitor-sections{display:grid;gap:12px;margin-top:14px}.sp-visitor-tile{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--sp-border);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(11,31,58,.06)}.sp-visitor-tile>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#edf5ff;font-size:21px}.sp-visitor-tile div{display:grid;flex:1}.sp-visitor-tile small{color:var(--sp-muted)}
.sp-age-dialog{border:0;border-radius:24px;width:min(390px,calc(100% - 28px));padding:0;box-shadow:0 28px 80px rgba(9,40,87,.3)}.sp-age-dialog::backdrop{background:rgba(9,25,48,.66);backdrop-filter:blur(4px)}.sp-age-dialog__body{text-align:center;padding:28px}.sp-age-dialog__shield{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 17px;border-radius:50%;background:#fff0f3;color:var(--sx-pink);font-size:35px}.sp-age-dialog h2{color:var(--sx-navy);font-size:22px}.sp-age-dialog p{color:#63748a;line-height:1.55}.sp-age-dialog button{width:100%}
@media(min-width:900px){.sp-auth-card,.sp-otp-card{max-width:540px;margin:auto;padding:40px}.sp-visitor__hero{padding:65px 30px}.sp-visitor__hero h2{font-size:46px}.sp-visitor-sections{grid-template-columns:repeat(2,1fr)}}

.sp-otp-card input[name="code"]{letter-spacing:.45em;text-align:center;font-size:25px;font-weight:900}