/* Reference-design rebuild. Presentation only; application/auth/router PHP untouched. */
:root{--ref-navy:#071a35;--ref-navy2:#0d2e59;--ref-purple:#8557ca;--ref-pink:#ef5fa8;--ref-blue:#3479ff;--ref-text:#171526;--ref-soft:#f6f8fc}
body{background:#fff;color:var(--ref-text)}
.sl-container{max-width:1180px;padding-left:42px;padding-right:42px}
.sl-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;backdrop-filter:none;z-index:1000}.sl-header.is-scrolled{position:fixed;background:rgba(5,24,50,.94);backdrop-filter:blur(12px)}
.sl-header-inner{min-height:76px;gap:20px}.sl-brand{gap:10px}.sl-logo-ref{width:46px;height:46px;position:relative;display:block}.sl-logo-ref span{position:absolute;width:27px;height:27px;border:5px solid #7e61c9;border-radius:50%}.sl-logo-ref span:nth-child(1){left:1px;top:16px}.sl-logo-ref span:nth-child(2){left:15px;top:2px;border-color:#6c8ee9}.sl-logo-ref span:nth-child(3){left:17px;top:17px;border-color:#c260c5}.sl-brand-text strong{font-family:Georgia,"Times New Roman",var(--sl-serif);font-size:25px;letter-spacing:.03em}.sl-brand-text small{font-size:10px;letter-spacing:.18em}.sl-nav{gap:24px}.sl-nav a{font-size:12px;font-weight:700;color:#fff}.sl-header-actions{gap:10px}.sl-ref-head-login,.sl-ref-head-start{display:inline-flex;height:40px;padding:0 22px;align-items:center;justify-content:center;border-radius:999px;color:#fff;font-size:13px;font-weight:700}.sl-ref-head-login{border:1px solid rgba(255,255,255,.85)}.sl-ref-head-start{background:linear-gradient(100deg,#ec5ca9,#497cff);box-shadow:0 8px 25px rgba(73,124,255,.25)}
.sl-ref-hero{min-height:625px;background:radial-gradient(circle at 75% 12%,#224d7e 0,transparent 34%),linear-gradient(120deg,#06182f 0%,#0b274b 48%,#183c6c 100%);color:#fff;position:relative;overflow:hidden}.sl-ref-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 9%,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:160px 140px,210px 190px;opacity:.25}.sl-ref-hero-inner{display:grid;grid-template-columns:47% 53%;min-height:625px;padding-top:90px;position:relative}.sl-ref-hero-copy{padding-top:58px;z-index:2}.sl-ref-hero-copy h1{font-size:46px;line-height:1.38;color:#fff;font-weight:500;letter-spacing:.03em;margin-bottom:26px}.sl-ref-hero-copy>p{font-size:15px;line-height:1.9;color:rgba(255,255,255,.92);margin-bottom:25px}.sl-ref-benefits{display:flex;gap:26px;margin:20px 0 32px}.sl-ref-benefits div{width:76px;text-align:center}.sl-ref-benefits i{display:flex;width:50px;height:50px;border:1px solid rgba(255,255,255,.42);border-radius:50%;align-items:center;justify-content:center;font-style:normal;font-size:20px;margin:0 auto 8px}.sl-ref-benefits span{display:block;white-space:nowrap;font-size:10px;font-weight:700}.sl-ref-actions{display:flex;gap:15px}.sl-ref-btn{display:inline-flex;min-width:190px;height:48px;border-radius:999px;align-items:center;justify-content:center;padding:0 28px;font-weight:700;font-size:14px;transition:.2s}.sl-ref-btn:hover{text-decoration:none;transform:translateY(-2px)}.sl-ref-btn-primary{color:#fff;background:linear-gradient(100deg,#ef5ba9,#357bff);box-shadow:0 10px 28px rgba(53,123,255,.25)}.sl-ref-btn-outline{color:#fff;border:1px solid rgba(255,255,255,.9)}.sl-ref-hero-art{position:absolute;right:0;top:82px;width:56%;height:543px;background-size:cover;background-position:center;border-radius:0}.sl-ref-hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b35 0%,rgba(7,27,53,.35) 24%,transparent 48%)}.sl-ref-orbit{position:absolute;right:40px;bottom:48px;width:154px;height:154px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.7;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(145deg,rgba(239,86,164,.94),rgba(91,88,206,.94));border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 0 5px rgba(255,255,255,.08)}
.sl-ref-themes{padding:28px 0 26px;background:linear-gradient(90deg,#f7f9fc,#fff,#f7f9fc)}.sl-ref-section-title{text-align:center;margin-bottom:24px}.sl-ref-section-title p,.sl-ref-kicker{color:#925fc8;font-size:12px;font-weight:800;margin:0 0 5px}.sl-ref-section-title h2{font-size:31px;font-weight:500;margin:0}.sl-ref-section-title span{display:block;width:34px;height:2px;background:#a566ce;margin:9px auto}.sl-ref-section-title.left{text-align:left}.sl-ref-section-title.left span{margin-left:112px}.sl-ref-theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sl-ref-theme-card{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(29,42,77,.08);text-align:center;min-height:250px}.sl-ref-theme-card img{width:100%;height:134px;object-fit:cover}.sl-ref-theme-icon{position:absolute;top:116px;left:50%;transform:translateX(-50%);width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;background:#e66191;border:3px solid #fff}.sl-ref-family .sl-ref-theme-icon{background:#5ecf95}.sl-ref-business .sl-ref-theme-icon{background:#528af3}.sl-ref-hobby .sl-ref-theme-icon{background:#f2ac39}.sl-ref-learn .sl-ref-theme-icon{background:#9861ca}.sl-ref-health .sl-ref-theme-icon{background:#42c3bd}.sl-ref-theme-card h3{font-family:var(--sl-sans);font-size:13px;color:#37305c;margin:30px 8px 8px}.sl-ref-theme-card p{font-size:10px;line-height:1.65;color:#575c6d;padding:0 10px}.sl-ref-center{text-align:center}.sl-ref-more{display:inline-flex;margin-top:17px;border:1px solid #bb8bdd;color:#8a5ab7;border-radius:999px;padding:7px 30px;font-size:11px;min-width:205px;justify-content:center}.sl-ref-more:hover{text-decoration:none;background:#faf6ff}
.sl-ref-how{background:#f6f8fb}.sl-ref-how-inner{display:grid;grid-template-columns:68% 32%;min-height:330px;padding-right:0}.sl-ref-how-copy{padding:24px 0 20px}.sl-ref-steps{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:6px}.sl-ref-step{text-align:center;position:relative}.sl-ref-step b{position:absolute;top:-5px;left:18px;width:34px;height:34px;border-radius:50%;background:#7251bd;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia;font-size:15px}.sl-ref-step i{display:flex;width:90px;height:90px;margin:0 auto 14px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7f1ff,#fff2f6);border:1px solid #eadcf0;color:#2b2851;font-size:36px;font-style:normal}.sl-ref-step h3{font-family:var(--sl-sans);font-size:13px;margin:0 0 7px}.sl-ref-step p{font-size:10px;line-height:1.7;margin:0}.sl-ref-arrow{font-size:28px;color:#9b76d2;text-align:center}.sl-ref-how-photo{background-size:cover;background-position:center top;min-height:330px}
.sl-ref-stats{padding:24px 0 27px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(195,93,195,.6),transparent 35%),linear-gradient(105deg,#0c3267,#263b91 55%,#7d55b5)}.sl-ref-stats h2{text-align:center;color:#fff;font-family:var(--sl-sans);font-size:17px;margin-bottom:20px}.sl-ref-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sl-ref-stat-grid>div{position:relative;padding:0 30px 0 52px;border-right:1px solid rgba(255,255,255,.18)}.sl-ref-stat-grid>div:last-child{border:0}.sl-ref-stat-grid i{position:absolute;left:18px;top:18px;font-style:normal;font-size:27px}.sl-ref-stat-grid p{font-size:11px;margin:0}.sl-ref-stat-grid strong{font-family:Georgia,serif;font-size:27px;font-weight:400;display:block;line-height:1.2}.sl-ref-stat-grid strong small{font-size:13px}.sl-ref-stat-grid span{font-size:9px;color:rgba(255,255,255,.8)}
.sl-ref-deep{padding:74px 0;background:#fff}.sl-ref-deep-soft{background:#f7f8fc}.sl-ref-feature-grid,.sl-ref-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sl-ref-feature-grid article,.sl-ref-plan-grid article{background:#fff;border:1px solid #e9e9f1;border-radius:18px;padding:28px;box-shadow:0 10px 32px rgba(29,42,77,.06)}.sl-ref-feature-grid em{font-style:normal;color:#9563c8;font-family:Georgia;font-size:24px}.sl-ref-feature-grid h3,.sl-ref-plan-grid h3{font-family:var(--sl-sans);font-size:17px}.sl-ref-feature-grid p,.sl-ref-plan-grid p{font-size:13px;color:#62687a}.sl-ref-two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.sl-ref-two-col h2{font-size:35px}.sl-ref-two-col p{color:#62687a}.sl-ref-story-cards{display:grid;gap:15px}.sl-ref-story-cards span{padding:22px 26px;border-radius:16px;background:linear-gradient(100deg,#0e2c58,#6b4da2);color:#fff;box-shadow:0 12px 30px rgba(30,42,80,.12)}.sl-ref-plan-grid article{text-align:center}.sl-ref-plan-grid strong{display:block;font-size:34px;color:#6844aa}.sl-ref-plan-grid strong small{font-size:12px}.sl-ref-final{text-align:center;padding:80px 0;color:#fff;background:linear-gradient(120deg,#071c3b,#1b3b76 60%,#8050a9)}.sl-ref-final p{font-size:11px;letter-spacing:.2em;color:#d9c7f5}.sl-ref-final h2{font-size:34px;color:#fff}
/* App pages: same visual language as supplied reference, without touching program logic */
body.sl-in-app{background:#f6f8fc}.sl-in-app .sl-header{position:sticky;background:linear-gradient(90deg,#071a35,#123b6d)}.sl-app{max-width:1120px;margin:0 auto;padding:125px 28px 70px}.sl-app-narrow{max-width:760px}.sl-app-head{text-align:center;margin-bottom:30px}.sl-app-head h1{font-size:34px;font-weight:500}.sl-app-head .sl-lead{color:#687084}.sl-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 30px}.sl-tab{border:1px solid #ddd8eb;background:#fff;border-radius:999px;padding:9px 15px;color:#514b69;font-size:12px;font-weight:700}.sl-tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(100deg,#ef5ba9,#4f79f3)}.sl-panel,.sl-card,.sl-form,.sl-dashboard,.sl-legal,.sl-qa,.sl-chat-main,.sl-chat-list{border-color:#e8e7ef}.sl-panel,.sl-card,.sl-form,.sl-qa{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(29,42,77,.06)}.sl-form input,.sl-form select,.sl-form textarea{border-radius:10px;border:1px solid #dfe1e9;background:#fbfcff}.sl-form input:focus,.sl-form select:focus,.sl-form textarea:focus{border-color:#a67ad1;box-shadow:0 0 0 3px rgba(166,122,209,.12)}.sl-btn-primary{background:linear-gradient(100deg,#ef5ba9,#397cff);box-shadow:0 8px 22px rgba(75,108,224,.22)}.sl-progress-step.is-active .sl-progress-dot,.sl-progress-step.is-done .sl-progress-dot{background:linear-gradient(135deg,#9c65ca,#4c80ee)}.sl-dash-card{background:#fff;border:1px solid #e8e7ef;border-radius:16px;box-shadow:0 8px 25px rgba(29,42,77,.05)}.sl-score{background:linear-gradient(135deg,#ef5ba9,#6a67d9)}.sl-footer{background:#06182f;color:#fff}.sl-footer a,.sl-footer h4,.sl-footer strong{color:#fff}.sl-footer p,.sl-footer li,.sl-footer-note{color:rgba(255,255,255,.65)}
@media(max-width:980px){.sl-container{padding-left:24px;padding-right:24px}.sl-nav{display:none}.sl-menu-toggle{display:flex}.sl-ref-hero-inner{grid-template-columns:1fr}.sl-ref-hero-art{opacity:.55;width:65%}.sl-ref-hero-copy{max-width:560px}.sl-ref-theme-grid{grid-template-columns:repeat(3,1fr)}.sl-ref-how-inner{grid-template-columns:1fr}.sl-ref-how-photo{display:none}.sl-ref-stat-grid{grid-template-columns:repeat(2,1fr);gap:20px}.sl-ref-stat-grid>div:nth-child(2){border:0}.sl-ref-two-col{grid-template-columns:1fr}.sl-ref-feature-grid,.sl-ref-plan-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sl-header{position:absolute}.sl-brand-text strong{font-size:20px}.sl-brand-text small{font-size:8px}.sl-ref-head-login{display:none}.sl-ref-head-start{padding:0 14px;font-size:11px}.sl-ref-hero{min-height:720px}.sl-ref-hero-inner{padding-top:90px}.sl-ref-hero-copy{padding-top:30px}.sl-ref-hero-copy h1{font-size:34px}.sl-ref-hero-art{width:100%;top:200px;height:520px;opacity:.38}.sl-ref-benefits{gap:8px;justify-content:space-between}.sl-ref-benefits div{width:70px}.sl-ref-actions{flex-direction:column;max-width:280px}.sl-ref-theme-grid{grid-template-columns:repeat(2,1fr)}.sl-ref-steps{grid-template-columns:1fr}.sl-ref-arrow{transform:rotate(90deg)}.sl-ref-stat-grid{grid-template-columns:1fr}.sl-ref-stat-grid>div{border:0;border-bottom:1px solid rgba(255,255,255,.18);padding:12px 30px 12px 55px}.sl-ref-section-title h2{font-size:26px}.sl-ref-two-col h2{font-size:29px}.sl-app{padding:100px 16px 50px}}
.sl-lockbox{margin-top:24px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#f8f4ff,#fff4fa);border:1px solid #e5d7f4}.sl-profile-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0}.sl-profile-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}.sl-profile-gallery img.is-mosaic{filter:blur(16px)}