:root{
 --sp-orange:#f36b21;--sp-orange-dark:#d95412;--sp-black:#111111;--sp-ink:#1b1b1b;
 --sp-muted:#77736f;--sp-line:#ece8e4;--sp-bg:#f7f6f4;--sp-white:#fff;
 --sp-shadow:0 18px 55px rgba(25,20,16,.07);--sp-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--sp-bg)!important;color:var(--sp-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
a{color:var(--sp-orange-dark);text-decoration:none}a:hover{color:var(--sp-orange)}
.navbar{background:var(--sp-black)!important;min-height:76px;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 25px rgba(0,0,0,.08)}
.navbar .container{max-width:1240px}
.navbar-brand{font-size:1.3rem!important;font-weight:850!important;letter-spacing:-.055em!important;color:#fff!important;display:flex;align-items:center;gap:10px}
.navbar-brand:before{content:"S";display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--sp-orange);color:#fff;font-weight:900;font-size:20px;box-shadow:0 5px 16px rgba(243,107,33,.35)}
.navbar .small{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
main.container{max-width:1240px;min-height:calc(100vh - 150px)}
h1,h2,h3,h4,h5,h6{color:var(--sp-black);font-weight:780;letter-spacing:-.045em}
h1{line-height:1.03}
.text-secondary,.muted{color:var(--sp-muted)!important}
.lead{font-size:1.15rem;line-height:1.7}
.panel,.card{border:1px solid rgba(24,20,16,.055)!important;border-radius:var(--sp-radius)!important;box-shadow:var(--sp-shadow)!important;background:#fff}
.card-body{padding:26px}
.btn{border-radius:12px!important;font-weight:700!important;padding:.72rem 1.12rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--sp-orange)!important;border-color:var(--sp-orange)!important;color:#fff!important;box-shadow:0 8px 18px rgba(243,107,33,.18)}
.btn-primary:hover{background:var(--sp-orange-dark)!important;border-color:var(--sp-orange-dark)!important}
.btn-outline-primary{color:var(--sp-orange-dark)!important;border-color:rgba(243,107,33,.42)!important}
.btn-outline-primary:hover{background:var(--sp-orange)!important;color:#fff!important}
.btn-outline-secondary{border-color:#dedad5!important;color:#24211f!important}
.form-control,.form-select{min-height:46px;border-radius:11px!important;border:1px solid #e7e2dc!important;padding:.7rem .9rem!important;background:#fff!important;color:#171717!important}
.form-control:focus,.form-select:focus{border-color:var(--sp-orange)!important;box-shadow:0 0 0 .2rem rgba(243,107,33,.13)!important}
.form-label{font-size:.86rem;font-weight:700;color:#37322e;margin-bottom:.48rem}
.table{--bs-table-bg:transparent;vertical-align:middle;margin-bottom:0}
.table thead th,.table tr:first-child th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#77716b;font-weight:800;border-bottom:1px solid var(--sp-line);white-space:nowrap;padding:14px 12px}
.table td{padding:15px 12px;border-color:#f0ece8;font-size:.9rem}
.table-responsive{border-radius:14px}
.badge{font-weight:700;letter-spacing:.01em}
.text-bg-primary{background:var(--sp-orange)!important}
.text-bg-light{color:#34302c!important;background:#faf8f6!important}
.alert{border:0;border-radius:14px;padding:15px 18px}
footer{color:#8a837c!important}
.display-4{font-weight:850;letter-spacing:-.065em}
.display-6{font-weight:850;letter-spacing:-.055em;color:var(--sp-black)}
hr{border-color:var(--sp-line);opacity:1}
section.py-5{padding-top:5rem!important;padding-bottom:5rem!important}
section .btn-lg{padding:.9rem 1.35rem}
section .card{overflow:hidden}
section .card:before{content:"";display:block;height:5px;background:var(--sp-orange)}
/* Dashboard polish */
main>.d-flex{padding:14px 0 24px;border-bottom:1px solid var(--sp-line);margin-bottom:28px!important}
main>.row.g-3.mb-4 .card,main>.row.g-3 .card{height:100%;position:relative;overflow:hidden}
main>.row.g-3.mb-4 .card:after{content:"";position:absolute;right:-25px;top:-28px;width:92px;height:92px;border-radius:50%;background:rgba(243,107,33,.075)}
main>.row.g-3.mb-4 .fs-3{font-weight:850;letter-spacing:-.05em}
main>.card{margin-bottom:22px}
main>.card .card-body>h4,main .card-body>h4{margin-bottom:20px}
main .card-body h5{font-weight:800}
main .small{line-height:1.55}
main .form-check-input:checked{background-color:var(--sp-orange);border-color:var(--sp-orange)}
code{color:#b94c17;background:#fff4ed;padding:3px 6px;border-radius:6px}
footer{border-top:1px solid #eee8e2;margin-top:24px}
/* Payment page */
main .row.justify-content-center{padding:28px 0}
main .row.justify-content-center>.col-lg-6>.card{overflow:hidden}
main .row.justify-content-center>.col-lg-6>.card:before{content:"";display:block;height:6px;background:linear-gradient(90deg,var(--sp-orange),#ff9b56)}
main .row.justify-content-center .card-body{padding:clamp(24px,5vw,48px)!important}
main .row.justify-content-center h2{font-size:clamp(1.8rem,4vw,2.35rem)}
main .row.justify-content-center .display-6{font-size:clamp(2rem,6vw,3rem)}
/* Mobile */
@media(max-width:767.98px){
 body{font-size:15px}
 .navbar{min-height:64px}
 .navbar .container{padding-left:18px;padding-right:18px}
 main.container{padding-left:16px!important;padding-right:16px!important;padding-top:22px!important}
 .card-body{padding:20px}
 section.py-5{padding-top:2.4rem!important;padding-bottom:2.4rem!important}
 .display-4{font-size:2.65rem}
 .lead{font-size:1rem}
 main>.d-flex{align-items:flex-start!important;gap:12px;flex-wrap:wrap}
 main>.d-flex h2{font-size:1.55rem}
 .table{min-width:680px}
 .table td{padding:12px 10px}
 .btn{min-height:43px}
 .row.g-4{--bs-gutter-y:1rem}
 .row.justify-content-center{padding:8px 0!important}
 .row.justify-content-center .card-body{padding:24px!important}
 footer{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Strydo Pay dashboard: desktop + mobile product composition */
.sp-app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);gap:0;background:#fff;border:1px solid #eee7e1;border-radius:24px;overflow:hidden;box-shadow:0 22px 65px rgba(31,20,12,.10);min-height:calc(100vh - 155px)}
.sp-sidebar{background:linear-gradient(165deg,#111 0%,#1c1b1a 100%);color:#fff;padding:25px 15px;display:flex;flex-direction:column;min-height:100%}
.sp-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:17px;font-weight:900;letter-spacing:-.7px;margin:0 4px 38px}.sp-brand b,.sp-mobile-brand b,.sp-mobile-logo i,.sp-phone-head i{color:#ff781e;font-style:normal}
.sp-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(140deg,#ff9b19,#f04b00);color:#fff;font-weight:950;font-style:italic;font-size:22px;box-shadow:0 5px 14px #f36b2140;transform:skew(-8deg)}
.sp-side-label{font-size:9px;letter-spacing:1.6px;color:#777;margin:0 10px 12px}.sp-nav{display:flex;align-items:center;gap:12px;color:#e8e8e8;padding:12px 12px;border-radius:10px;font-size:12px;font-weight:650;margin:2px 0}.sp-nav span{font-size:18px;width:18px;text-align:center}.sp-nav:hover,.sp-nav.active{background:#f36b21;color:white}.sp-sidebar-bottom{margin-top:auto;padding-top:35px}.sp-help-card{border:1px solid #37322e;border-radius:13px;padding:13px;display:grid;gap:6px}.sp-help-card b{font-size:12px}.sp-help-card small{font-size:10px;color:#aaa}.sp-help-card a{font-size:11px;color:#ff8a4b;font-weight:700}
.sp-dashboard{min-width:0;padding:24px 22px 16px;background:#fbfaf9}.sp-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.sp-topbar h1{font-size:25px;margin:0 0 4px;letter-spacing:-1px}.sp-topbar p{font-size:12px;color:#7c7772;margin:0}.sp-top-actions{display:flex;align-items:center;gap:12px}.sp-mode{font-size:10px;font-weight:700;background:white;border:1px solid #eee8e2;padding:10px 12px;border-radius:30px}.sp-mode i{display:inline-block;width:28px;height:15px;border-radius:12px;background:#f36b21;vertical-align:middle;margin-left:7px;position:relative}.sp-mode i:after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff}.sp-icon-btn{border:0;background:#fff;border-radius:50%;width:37px;height:37px;position:relative;font-size:18px}.sp-icon-btn em{position:absolute;right:7px;top:7px;width:6px;height:6px;background:#f36b21;border-radius:50%}.sp-user{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #eee8e2;border-radius:12px;padding:6px 10px;font-size:11px}.sp-user small{display:block;color:#888;font-size:9px}.sp-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#2a2928;color:#fff;font-weight:800}.sp-mobile-brand{display:none}
.sp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.sp-stat{background:#fff;border:1px solid #eee9e4;border-radius:14px;padding:15px;display:grid;gap:5px;min-width:0}.sp-stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:17px;font-weight:900}.sp-stat-icon.orange{color:#f36b21;background:#fff1e8}.sp-stat-icon.green{color:#16a05d;background:#e9f8ef}.sp-stat-icon.red{color:#e04d43;background:#fff0ef}.sp-stat>b{font-size:clamp(13px,1.35vw,19px);letter-spacing:-.7px;overflow-wrap:anywhere}.sp-stat>small{font-size:10px;color:#777}
.sp-hero-banner{position:relative;overflow:hidden;min-height:178px;border-radius:17px;background:radial-gradient(ellipse at 72% 35%,#f47b1d 0%,#8b300b 40%,#21130e 85%);color:#fff;padding:23px 25px;display:grid;grid-template-columns:1.25fr 1fr .75fr;align-items:center;gap:10px;margin-bottom:19px}.sp-hero-banner:after{content:"";position:absolute;right:19%;top:-100px;width:250px;height:330px;transform:rotate(32deg);border:1px solid #ff9c4a80;border-radius:50%;pointer-events:none}.sp-hero-copy,.sp-device-art,.sp-powered{position:relative;z-index:1}.sp-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#ffbd8c}.sp-hero-copy h2{color:white;font-size:25px;line-height:1.05;margin:8px 0;font-weight:900;letter-spacing:-1px}.sp-hero-copy h2 strong{color:#ff791f}.sp-hero-copy p{color:#f4e9e2;font-size:10px;line-height:1.55;max-width:360px;margin-bottom:13px}.sp-white-btn{display:inline-flex;gap:18px;align-items:center;background:#fff;color:#d64d0b;padding:10px 14px;border-radius:9px;font-size:11px;font-weight:800}.sp-device-art{height:130px;display:flex;align-items:center;justify-content:center}.sp-laptop{width:160px;height:100px;padding:6px 7px 12px;border:5px solid #111;border-bottom-width:10px;border-radius:8px;background:#272727;transform:perspective(400px) rotateY(-13deg) rotateZ(-3deg);box-shadow:0 12px 20px #0008}.sp-laptop-screen{height:100%;background:linear-gradient(135deg,#171717,#352016);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:11px;gap:3px}.sp-laptop-screen small{font-size:8px;color:#ddd}.sp-laptop-screen i,.sp-phone-art i{display:grid;place-items:center;border-radius:50%;background:#13b96b;color:#fff;width:24px;height:24px;font-style:normal;font-weight:900}.sp-phone-art{margin-left:-30px;width:57px;height:108px;border:4px solid #111;border-radius:13px;background:#171717;box-shadow:0 10px 18px #0009;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#fff}.sp-phone-art .sp-mark{width:24px;height:24px;font-size:15px}.sp-phone-art i{width:21px;height:21px}.sp-phone-art small{font-size:7px;text-align:center}.sp-powered{font-size:9px;text-align:center;color:#f5d9c8}.sp-powered>b{display:block;font-size:19px;color:#fff;margin:5px}.sp-pay-logos{display:flex;justify-content:center;gap:5px;margin-top:12px}.sp-pay-logos span{background:#fff;color:#111;padding:6px 7px;border-radius:5px;font-size:9px;font-weight:900}
.sp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sp-section-head h2{font-size:18px;margin:0 0 3px}.sp-section-head p{font-size:10px;color:#888;margin:0}.sp-section-head>a{font-size:10px;font-weight:800}.sp-service-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px}.sp-service{background:#fff;border:1px solid #eee9e4;border-radius:12px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#191919;transition:.15s}.sp-service:hover{border-color:#f36b21;transform:translateY(-2px);box-shadow:0 7px 15px #f36b2115}.sp-service span{font-size:24px;color:#f36b21;line-height:1}.sp-service:nth-child(2) span,.sp-service:nth-child(11) span{color:#168dff}.sp-service:nth-child(3) span{color:#f7ad00}.sp-service:nth-child(4) span,.sp-service:nth-child(5) span{color:#00a9d8}.sp-service b{font-size:10px;text-align:center}.sp-service.sp-view-all{border-color:#ff8a4b;color:#e85b17}.sp-service.sp-view-all span{font-size:22px}
.sp-bottom-grid{display:grid;grid-template-columns:.9fr .85fr 1.35fr;gap:10px;align-items:stretch}.sp-panel{background:#fff;border:1px solid #eee9e4;border-radius:15px;padding:15px;min-width:0;box-shadow:0 7px 22px #1b100a08}.sp-panel-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid #f1ede9;padding-bottom:12px}.sp-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff0e7;color:#f36b21;font-size:19px}.sp-panel h3{font-size:14px;margin:0 0 3px}.sp-panel-title p{font-size:9px;color:#888;margin:0}.sp-link-preview{padding-top:11px;display:grid;gap:6px}.sp-link-preview label{font-size:8px;font-weight:800;color:#6c6660;margin-top:3px}.sp-link-preview>div{border:1px solid #e6e0da;border-radius:7px;padding:8px;font-size:10px;color:#333}.sp-preview-select{display:flex;justify-content:space-between}.sp-link-preview>a{display:block;text-align:center;background:#f36b21;color:#fff;padding:9px;border-radius:8px;font-size:10px;font-weight:800;margin-top:5px}.sp-checkout-panel{text-align:center}.sp-checkout-brand{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.sp-checkout-brand .sp-mark{width:26px;height:26px;font-size:16px}.sp-checkout-brand b{font-size:12px}.sp-checkout-brand b i{color:#f36b21;font-style:normal}.sp-checkout-brand small{width:100%;font-size:8px;color:#888}.sp-checkout-panel h3{font-size:16px;margin:13px 0 4px}.sp-checkout-panel>p{font-size:9px;color:#777;margin-bottom:8px}.sp-method-row{display:flex;align-items:center;gap:7px;border:1px solid #f0ece8;border-radius:6px;padding:7px;margin:4px 0;text-align:left;font-size:10px}.sp-method-row b{font-size:9px}.sp-method-row span{margin-left:auto}.sp-pay-btn{display:block;background:#f36b21;color:white;padding:9px;border-radius:8px;font-size:10px;font-weight:800;margin-top:8px}.sp-secure-note{display:block;font-size:8px;color:#888;margin-top:8px}.sp-transactions{padding:15px 12px}.sp-trans-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sp-trans-head a{font-size:9px;font-weight:800}.sp-table{width:100%;border-collapse:collapse;font-size:9px}.sp-table th{text-align:left;background:#f7f5f3;padding:8px 6px;font-size:8px;color:#777;white-space:nowrap}.sp-table td{padding:9px 6px;border-bottom:1px solid #f1ede9;white-space:nowrap}.sp-table td small{display:block;color:#999;font-size:8px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.sp-status{display:inline-block;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800;background:#eee}.sp-status.successful{background:#e2f8eb;color:#16834b}.sp-status.failed{background:#fff0ef;color:#c33}.sp-status.pending,.sp-status.processing{background:#fff5dc;color:#946300}.sp-empty{color:#888;text-align:center;padding:25px!important;white-space:normal!important}.sp-footer{text-align:center;font-size:9px;color:#999;padding:16px 0 0}.sp-mobile-preview{display:none}
@media(max-width:1199px){.sp-app-shell{grid-template-columns:185px minmax(0,1fr)}.sp-dashboard{padding:18px 15px}.sp-service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-bottom-grid{grid-template-columns:1fr 1fr}.sp-transactions{grid-column:1/-1}.sp-hero-banner{grid-template-columns:1.2fr .8fr}.sp-powered{display:none}}
@media(max-width:767px){.sp-app-shell{display:block;border-radius:15px}.sp-sidebar{display:none}.sp-dashboard{padding:16px 12px}.sp-topbar{align-items:flex-start}.sp-topbar h1,.sp-top-actions{display:none}.sp-mobile-brand{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:900}.sp-topbar p{margin-top:7px}.sp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sp-stat{padding:12px}.sp-stat>b{font-size:16px}.sp-hero-banner{display:block;padding:20px;min-height:0}.sp-hero-copy h2{font-size:26px}.sp-device-art,.sp-powered{display:none}.sp-hero-copy p{max-width:100%}.sp-section-head h2{font-size:16px}.sp-section-head p{font-size:9px}.sp-section-head>a{font-size:9px}.sp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sp-service{min-height:78px}.sp-service b{font-size:10px}.sp-bottom-grid{grid-template-columns:1fr}.sp-transactions{grid-column:auto}.sp-table{min-width:560px}.sp-mobile-preview{display:block;margin:22px auto 0;max-width:380px;padding:18px 12px 24px;border-radius:24px;background:linear-gradient(145deg,#17110e,#f36b21);box-shadow:0 15px 35px #1c100c24}.sp-mobile-logo{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:18px;font-weight:900;margin-bottom:13px}.sp-mobile-logo i{font-style:normal}.sp-phone-frame{position:relative;background:#fff;border:6px solid #171717;border-radius:34px;overflow:hidden;box-shadow:0 8px 25px #0005}.sp-phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:20px;border-radius:20px;background:#111;z-index:2}.sp-phone-status{height:35px;padding:8px 17px 0;font-size:9px;font-weight:800;display:flex;justify-content:space-between}.sp-phone-head{height:49px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:11px}.sp-phone-head b{display:flex;align-items:center;gap:5px;font-size:12px}.sp-phone-head .sp-mark{width:24px;height:24px;font-size:15px}.sp-phone-hero{padding:23px 17px 20px;background:radial-gradient(circle at 90% 35%,#ffb06d,#20130d 65%);color:white}.sp-phone-hero h2{font-size:25px;color:white;line-height:1.08;margin:10px 0}.sp-phone-hero h2 strong{color:#ff812b}.sp-phone-hero p{font-size:10px;line-height:1.5;color:#f5e9e1}.sp-phone-hero>div{display:flex;gap:6px;flex-wrap:wrap}.sp-phone-hero a{background:#f36b21;color:white;padding:9px;border-radius:7px;font-size:9px;font-weight:800}.sp-phone-hero a+a{background:transparent;border:1px solid #fff}.sp-phone-services,.sp-phone-quick{padding:17px}.sp-phone-services h3,.sp-phone-quick h3{font-size:14px;margin-bottom:12px}.sp-phone-services>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sp-phone-services a{border:1px solid #eee9e4;border-radius:9px;min-height:63px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#222}.sp-phone-services a span{font-size:20px;color:#f36b21}.sp-phone-services a b{font-size:8px}.sp-phone-quick{background:#faf9f8;display:grid;gap:7px}.sp-phone-quick h3{margin:0}.sp-phone-quick a{border:1px solid #eee;border-radius:8px;padding:10px;font-size:10px;color:#222;font-weight:700}.sp-phone-tabs{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:12px 3px 14px;color:#f36b21}.sp-phone-tabs span{display:flex;flex-direction:column;align-items:center;font-size:16px}.sp-phone-tabs small{font-size:8px;color:#555}.sp-footer{font-size:8px}}


/* Public site and separated personal workspace */
.sp-public,.sp-portal-wrap{max-width:1240px;margin:0 auto;color:#152238}.sp-public-nav,.sp-portal-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #e8edf4}.sp-public-nav nav,.sp-portal-head nav,.sp-public-footer span{display:flex;gap:26px}.sp-public-nav nav a,.sp-portal-head nav a,.sp-public-footer a{color:#526176;text-decoration:none;font-size:13px;font-weight:600}.sp-nav-actions{display:flex;align-items:center;gap:18px}.sp-login-link{color:#17243a;text-decoration:none;font-weight:700;font-size:13px}.sp-primary-link,.sp-outline-link,.sp-white-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px}.sp-primary-link{background:#f47721;color:white}.sp-primary-link:hover{color:white;background:#dc6417}.sp-outline-link{border:1px solid #dce3ed;color:#17243a}.sp-public-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:78px 5% 85px;background:linear-gradient(120deg,#fff 45%,#fff5ec)}.sp-public-copy h1,.sp-auth-intro h1{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-2.8px;font-weight:800;margin:18px 0}.sp-public-copy h1 strong{color:#f47721}.sp-public-copy p,.sp-auth-intro p{color:#68778c;line-height:1.8;max-width:530px}.sp-public-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.sp-public-copy>small{color:#8a96a7}.sp-public-art{min-height:330px;position:relative;display:grid;place-items:center}.sp-public-card{width:300px;min-height:250px;padding:26px;border-radius:20px;background:#14223a;color:#fff;box-shadow:0 30px 70px #17243a30;transform:rotate(-5deg);display:flex;flex-direction:column;gap:12px}.sp-public-card .sp-mark{background:#f47721}.sp-public-card small{color:#b9c5d7;margin-top:20px}.sp-public-card>strong{font-size:28px}.sp-public-card>i{position:absolute;right:25px;top:105px;background:#1da879;border-radius:50%;padding:9px;font-style:normal}.sp-card-foot{font-size:9px;letter-spacing:1.6px;color:#9eacc0;margin-top:auto}.sp-floating-note{position:absolute;right:0;bottom:35px;background:white;padding:16px 20px;border-radius:13px;box-shadow:0 15px 40px #1b2a401c;display:flex;gap:12px;align-items:center}.sp-floating-note>span{background:#e7f8f1;color:#15956a;border-radius:9px;padding:10px}.sp-floating-note b,.sp-floating-note small{display:block}.sp-floating-note small{color:#8290a2;margin-top:4px}.sp-public-services{padding:58px 4%}.sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.sp-section-head h2{font-size:24px;font-weight:800;margin:0 0 7px}.sp-section-head p{color:#7a8798;margin:0}.sp-section-head>a{color:#e66d1b;text-decoration:none;font-weight:700;font-size:13px}.sp-public-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:28px}.sp-public-service-grid>a{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:22px 16px;text-decoration:none;color:#1b2940;display:flex;flex-direction:column;gap:9px}.sp-public-service-grid>a span{width:38px;height:38px;border-radius:11px;background:#fff0e5;color:#ed741f;display:grid;place-items:center;font-size:20px}.sp-public-service-grid>a small{font-size:11px;color:#8793a3}.sp-business-cta{margin:15px 0 50px;padding:42px 48px;border-radius:20px;background:#17243a;color:#fff;display:flex;justify-content:space-between;gap:30px;align-items:center}.sp-business-cta h2{font-size:32px;font-weight:800}.sp-business-cta p{color:#b7c3d4;max-width:570px}.sp-business-cta .sp-white-btn{background:#fff;color:#17243a;margin-top:10px}.sp-business-points{min-width:230px;color:#dce5f0;line-height:2}.sp-public-footer{border-top:1px solid #e8edf4;padding:25px 0;color:#8b97a7;font-size:12px;display:flex;justify-content:space-between;gap:20px}.sp-portal-wrap{min-height:70vh}.sp-auth-layout{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;max-width:1000px;margin:65px auto}.sp-auth-intro h1{font-size:48px}.sp-auth-benefit{margin-top:18px;color:#536176;font-weight:600}.sp-auth-card,.sp-user-panel{background:#fff;border:1px solid #edf0f5;border-radius:18px;padding:30px;box-shadow:0 15px 40px #17243a0a}.sp-auth-card h2{font-size:24px;font-weight:800}.sp-auth-card>p,.sp-user-panel>p{color:#7b8798;font-size:13px}.sp-auth-switch{text-align:center;margin-top:20px;color:#778396;font-size:13px}.sp-auth-switch a{color:#e66d1b;font-weight:700}.sp-user-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:35px 0}.sp-user-sidebar{background:#17243a;border-radius:16px;padding:20px;height:max-content;display:flex;flex-direction:column;gap:8px}.sp-user-welcome{padding:8px 5px 20px;margin-bottom:10px;border-bottom:1px solid #344157;color:#fff}.sp-user-welcome b,.sp-user-welcome small{display:block;margin-top:8px}.sp-user-welcome small{color:#aab6c8;font-size:11px}.sp-user-sidebar>a{padding:12px;color:#c5cfdd;text-decoration:none;border-radius:9px;font-size:13px}.sp-user-sidebar>a.active,.sp-user-sidebar>a:hover{background:#2b3a53;color:#fff}.sp-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f47721;color:#fff;font-weight:800}.sp-user-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.sp-user-heading h1{font-size:30px;font-weight:800;margin:5px 0}.sp-user-heading p{color:#7d8999;margin:0}.sp-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.sp-user-stats article{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:20px}.sp-user-stats small,.sp-user-stats b{display:block}.sp-user-stats small{color:#8490a0}.sp-user-stats b{font-size:25px;margin-top:8px}.sp-user-panel{margin-bottom:20px}.sp-user-panel h2{font-size:19px;font-weight:800}.sp-user-panel .sp-section-head{margin-bottom:18px}
@media(max-width:850px){.sp-public-nav nav{display:none}.sp-public-hero{grid-template-columns:1fr;gap:20px;padding:55px 6%}.sp-public-art{min-height:290px}.sp-public-service-grid{grid-template-columns:repeat(3,1fr)}.sp-business-cta{padding:30px;flex-direction:column;align-items:flex-start}.sp-auth-layout{grid-template-columns:1fr;gap:25px;margin:35px auto}.sp-auth-intro h1{font-size:38px}.sp-user-layout{grid-template-columns:1fr}.sp-user-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.sp-user-welcome{grid-column:1/-1}.sp-public-footer{flex-direction:column}.sp-public-footer span{flex-wrap:wrap}}
@media(max-width:520px){.sp-public-nav,.sp-portal-head{padding:15px 0}.sp-nav-actions .sp-login-link{display:none}.sp-nav-actions .sp-primary-link{padding:10px;font-size:11px}.sp-public-copy h1{font-size:40px}.sp-public-service-grid{grid-template-columns:repeat(2,1fr)}.sp-section-head{align-items:flex-start;flex-direction:column}.sp-auth-card,.sp-user-panel{padding:22px}.sp-user-stats{grid-template-columns:1fr}.sp-user-heading{align-items:flex-start;flex-direction:column}.sp-user-sidebar{grid-template-columns:1fr 1fr}}


/* Structured portals and independent administration pages */
.sp-public,.sp-portal-wrap,.sp-admin-settings{color:#152238}
.sp-public-nav,.sp-portal-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;border-bottom:1px solid #e8edf5}
.sp-brand{display:inline-flex;align-items:center;gap:10px;color:#14213a;text-decoration:none;font-weight:850;letter-spacing:.04em}
.sp-brand b{color:#3158d5}.sp-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#3158d5;color:#fff;font-weight:900}
.sp-public-nav nav,.sp-portal-head nav,.sp-public-footer span{display:flex;gap:24px;align-items:center}
.sp-public-nav nav a,.sp-portal-head nav a,.sp-public-footer a{color:#53627a;text-decoration:none;font-size:14px}
.sp-nav-actions,.sp-public-actions{display:flex;align-items:center;gap:14px}
.sp-primary-link,.sp-outline-link,.sp-white-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px}
.sp-primary-link{background:#3158d5;color:#fff}.sp-outline-link{border:1px solid #dce3ef;color:#26364f}.sp-white-btn{background:#fff;color:#1c2d4a}
.sp-public-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:78px 5% 82px;background:linear-gradient(135deg,#f5f8ff,#fff)}
.sp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#3158d5}
.sp-public-copy h1,.sp-auth-intro h1{font-size:clamp(38px,5vw,62px);line-height:1.07;letter-spacing:-.045em;font-weight:850;margin:18px 0}
.sp-public-copy h1 strong{color:#3158d5}.sp-public-copy p,.sp-auth-intro p{max-width:560px;color:#68768d;font-size:17px;line-height:1.75}
.sp-public-copy small{display:block;color:#8792a4;margin-top:20px}
.sp-public-art{min-height:320px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#e1e9ff 0,#f5f7ff 55%,transparent 72%)}
.sp-public-card{width:min(340px,90%);padding:30px;border-radius:24px;background:#172746;color:#fff;box-shadow:0 30px 80px #152b5540;display:flex;flex-direction:column;gap:17px;transform:rotate(-5deg)}
.sp-public-card .sp-mark{background:#fff;color:#3158d5}.sp-public-card small{color:#bdc8dc}.sp-public-card strong{font-size:32px}.sp-public-card i{font-style:normal;background:#1aaf79;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.sp-card-foot{font-size:9px;letter-spacing:.14em;color:#a9b7cf}
.sp-floating-note{position:absolute;bottom:28px;right:3%;display:flex;gap:12px;align-items:center;background:white;padding:15px 18px;border-radius:15px;box-shadow:0 15px 45px #17274620}.sp-floating-note>span{background:#e8f8f1;color:#169765;border-radius:10px;padding:10px}.sp-floating-note small{display:block;color:#8290a5}
.sp-public-services{padding:65px 4%}.sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.sp-section-head h2{font-size:26px;font-weight:800}.sp-section-head p{color:#77849a}.sp-section-head>a{color:#3158d5;text-decoration:none;font-weight:700}
.sp-public-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:28px}.sp-public-service-grid>a{display:flex;flex-direction:column;gap:8px;padding:22px 17px;border:1px solid #e7ebf2;border-radius:17px;text-decoration:none;color:#1b2b45;background:#fff}.sp-public-service-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf2ff;color:#3158d5;font-size:22px}.sp-public-service-grid small{color:#8591a4}
.sp-business-cta{margin:20px 4% 60px;padding:48px;border-radius:25px;background:#172746;color:#fff;display:flex;justify-content:space-between;gap:35px;align-items:center}.sp-business-cta h2{font-size:34px;font-weight:850}.sp-business-cta p{max-width:560px;color:#c3cee0;line-height:1.7}.sp-business-cta .sp-eyebrow{color:#9fb6ff}.sp-business-points{min-width:250px}.sp-business-points p{color:#fff;margin:12px 0}
.sp-public-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4%;border-top:1px solid #e8edf5;color:#8290a5;font-size:13px}
.sp-auth-layout{max-width:1050px;margin:55px auto;display:grid;grid-template-columns:1fr 430px;gap:65px;align-items:center;padding:20px}.sp-auth-intro h1{font-size:48px}.sp-auth-benefit{margin-top:18px;color:#43536d;font-weight:650}.sp-auth-card{background:#fff;padding:34px;border:1px solid #e8edf5;border-radius:22px;box-shadow:0 18px 55px #162b4a12}.sp-auth-card h2{font-weight:800;font-size:25px}.sp-auth-card>p{color:#7c899d}.sp-auth-switch{text-align:center;margin-top:20px;font-size:14px;color:#718096}.sp-auth-switch a{color:#3158d5;font-weight:700;text-decoration:none}
.sp-portal-wrap{max-width:1180px;margin:auto}.sp-user-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;margin:35px 0}.sp-user-sidebar,.sp-user-panel,.sp-user-stats article{background:#fff;border:1px solid #e8edf5;border-radius:18px}.sp-user-sidebar{padding:20px;display:flex;flex-direction:column;gap:8px;align-self:start}.sp-user-welcome{display:grid;gap:5px;padding:10px 8px 22px;border-bottom:1px solid #edf0f5;margin-bottom:8px}.sp-avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e9efff;color:#3158d5;font-weight:800}.sp-user-welcome small{color:#8290a5}.sp-user-sidebar>a:not(.sp-brand){padding:12px;border-radius:10px;text-decoration:none;color:#5e6c82;font-size:14px}.sp-user-sidebar>a.active,.sp-user-sidebar>a:hover{background:#edf2ff;color:#3158d5}.sp-user-main{min-width:0}.sp-user-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.sp-user-heading h1,.sp-admin-settings-head h1{font-size:30px;font-weight:850;margin:7px 0}.sp-user-heading p,.sp-admin-settings-head p{color:#7b8799}.sp-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.sp-user-stats article{padding:20px}.sp-user-stats small{display:block;color:#8290a5}.sp-user-stats b{display:block;font-size:25px;margin-top:7px}.sp-user-panel{padding:24px;margin-bottom:20px}.sp-user-panel h2{font-size:19px;font-weight:800}.sp-user-panel .table{font-size:13px}
.sp-admin-settings{max-width:1180px;margin:15px auto}.sp-admin-settings-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sp-settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}.sp-settings-nav,.sp-settings-content{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:20px}.sp-settings-nav{align-self:start;display:flex;flex-direction:column;gap:6px}.sp-settings-nav>b{font-size:11px;letter-spacing:.14em;color:#8290a5;padding:5px 10px 12px}.sp-settings-nav a{padding:11px 12px;border-radius:9px;color:#53627a;text-decoration:none;font-size:14px}.sp-settings-nav a.active,.sp-settings-nav a:hover{background:#edf2ff;color:#3158d5;font-weight:700}.sp-settings-content{padding:28px}.sp-setting-method{display:grid;grid-template-columns:1fr 2fr;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f5}.sp-setting-toggle{display:flex;gap:12px;align-items:center;padding:15px 0;color:#42516a}.admin-setting-link{display:block;padding:17px;border:1px solid #343434;border-radius:12px;color:#e8e8e8;text-decoration:none;background:#171717}.admin-setting-link:hover{border-color:#f97316;color:#fff}
@media(max-width:850px){.sp-public-nav nav{display:none}.sp-public-hero{grid-template-columns:1fr;padding:50px 5%;gap:20px}.sp-public-service-grid{grid-template-columns:repeat(3,1fr)}.sp-business-cta{padding:30px;display:block}.sp-business-points{margin-top:25px}.sp-auth-layout{grid-template-columns:1fr;gap:25px;margin:25px auto}.sp-auth-intro h1{font-size:38px}.sp-user-layout{grid-template-columns:1fr}.sp-user-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.sp-settings-layout{grid-template-columns:1fr}.sp-settings-nav{display:grid;grid-template-columns:repeat(2,1fr)}.sp-admin-settings-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sp-public-nav{flex-wrap:wrap}.sp-nav-actions .sp-login-link{display:none}.sp-primary-link,.sp-outline-link{font-size:12px;padding:10px 12px}.sp-public-service-grid{grid-template-columns:repeat(2,1fr)}.sp-public-footer{display:block}.sp-public-footer span{margin-top:15px;flex-wrap:wrap}.sp-user-stats{grid-template-columns:1fr}.sp-user-heading{align-items:flex-start;flex-direction:column}.sp-settings-nav{grid-template-columns:1fr}.sp-settings-content{padding:18px}.sp-setting-method{grid-template-columns:1fr}.sp-business-cta h2{font-size:27px}}


/* Final navigation, profile and settings polish */
.sp-user-topnav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sp-user-topnav a{font-size:13px;font-weight:650;color:#53627a;text-decoration:none;padding:8px 2px}
.sp-user-topnav a:hover{color:#3158d5}
.sp-user-topnav .sp-nav-logout{background:#fff1f0;color:#b93832;border:1px solid #ffdedb;padding:9px 13px;border-radius:10px}
.sp-user-topnav .sp-nav-signup{background:#3158d5;color:#fff;padding:10px 14px;border-radius:10px}
.sp-mobile-menu-toggle{display:none;border:1px solid #e0e6f0;background:#fff;border-radius:10px;padding:8px 12px;color:#253650;font-size:18px}
.sp-user-mobile-menu{display:none;padding:12px;background:#fff;border:1px solid #e8edf5;border-radius:14px;margin:10px 0}
.sp-user-mobile-menu a{display:block;padding:11px 12px;text-decoration:none;color:#43536d;border-radius:8px}
.sp-user-mobile-menu a:hover{background:#edf2ff;color:#3158d5}
.sp-user-mobile-menu.open{display:block}
.sp-profile-card{max-width:760px}
.sp-profile-identity{display:flex;gap:18px;align-items:center;padding-bottom:22px}
.sp-profile-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#3158d5,#6d8af0);color:#fff;font-size:27px;font-weight:850}
.sp-profile-identity h2{margin:0 0 4px;font-size:22px;font-weight:800}
.sp-profile-identity p{margin:0 0 8px;color:#7b8799}
.sp-profile-status{font-size:12px;font-weight:750;color:#149568}
.sp-profile-card h3{font-size:17px;font-weight:800;margin:20px 0 8px}
@media(max-width:850px){.sp-user-topnav{display:none}.sp-mobile-menu-toggle{display:block}.sp-portal-head{padding:15px 0}.sp-user-mobile-menu{margin:10px 0 18px}}