/* ===============================================================
   UNOFOLLOWS V2 — Original client interface, light premium edition
   Brand: midnight #141b35 + royal indigo #6256ea + icy #eef2ff
   Scoped to .uno-body/.uno-guest. This does NOT touch admin pages.
   =============================================================== */
:root{--uno-ink:#18223a;--uno-text:#34415a;--uno-muted:#7a859b;--uno-primary:#6256eb;--uno-primary-deep:#4d42d4;--uno-soft:#f0efff;--uno-sky:#e8f3ff;--uno-border:#e7eaf2;--uno-bg:#f5f7fc;--uno-white:#fff;--uno-shadow:0 12px 36px rgba(29,42,79,.055);--uno-radius:19px}
body.uno-body,body.uno-guest{font-family:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif!important;color:var(--uno-ink)!important;background:var(--uno-bg)!important;font-size:14px!important;line-height:1.55!important;min-width:0!important;overflow-x:hidden!important}
body.uno-body * ,body.uno-guest *{box-sizing:border-box}
body.uno-body a,body.uno-guest a{text-decoration:none}
body.uno-body a:focus-visible,body.uno-guest a:focus-visible,body.uno-body button:focus-visible,body.uno-guest button:focus-visible{outline:3px solid #9b9aff!important;outline-offset:3px}
body.uno-body h1,body.uno-body h2,body.uno-body h3,body.uno-body h4,body.uno-guest h1,body.uno-guest h2,body.uno-guest h3,body.uno-guest h4{font-family:'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.035em;font-weight:800}
body.uno-body .primary-color,body.uno-guest .primary-color{color:var(--uno-primary)!important}
body.uno-body .bg-primary,body.uno-guest .bg-primary{background:var(--uno-primary)!important}
/* Shell */
.uno-layout{display:flex!important;width:100%;min-height:100vh;align-items:stretch;overflow:clip}
.uno-sidebar{position:sticky!important;top:0!important;z-index:1055!important;width:252px!important;min-width:252px!important;height:100vh!important;display:flex!important;flex-direction:column!important;padding:0 15px 15px!important;background:#fff!important;border-right:1px solid var(--uno-border)!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;visibility:visible!important;box-shadow:none!important;transition:transform .22s ease!important}
.uno-brand-area{padding:25px 7px 27px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.uno-brand{display:inline-flex;align-items:center;gap:10px;color:#141a34!important;white-space:nowrap}
.uno-brand-symbol{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#7467fd,#493ccd);display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff!important;box-shadow:0 7px 14px rgba(98,86,235,.2);font-size:23px}
.uno-brand strong{display:block;font-size:14px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:.018em!important;color:#131a34!important}
.uno-brand .uno-brand-accent{color:var(--uno-primary)!important}
.uno-brand small{display:block;font-size:10px;color:#9199aa;font-weight:700;letter-spacing:.02em;margin-top:4px}
.uno-profile{border-radius:18px;padding:21px 14px 16px!important;background:linear-gradient(150deg,#f6f7fe,#f1f1fb)!important;display:flex!important;align-items:center!important;flex-direction:column!important;gap:5px!important;margin:0 0 23px!important;border:1px solid #eff0fb!important;text-align:center;min-height:auto!important}
.uno-avatar{width:59px;height:59px;border-radius:20px;background:linear-gradient(145deg,#7973fa,#5442cf);display:grid;place-items:center;font-size:27px;font-weight:800;color:white;margin-bottom:6px}
.uno-profile-name{font-size:14px;font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.uno-profile-caption{font-size:11px;color:var(--uno-muted)}
.uno-profile-money{font-size:19px;font-weight:800;letter-spacing:-.025em;color:#1e2846;margin:1px 0 8px}
.uno-profile-fund{background:#fff;border:1px solid #dfddfd;border-radius:10px;padding:8px 15px;font-size:11px;color:#554bdc!important;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.uno-side-label{padding:0 15px;margin:13px 0 12px;color:#a1aabc;letter-spacing:.115em;font-size:9px;font-weight:800}
.uno-side-nav{display:flex;flex-direction:column;gap:3px;padding-bottom:12px!important}
.uno-side-link{min-height:42px;display:flex;align-items:center;gap:12px;padding:9px 12px!important;border-radius:10px!important;color:#57637d!important;font-size:12px!important;font-weight:700!important;background:transparent!important;transition:background .15s,color .15s}
.uno-side-link>i{font-size:18px!important;width:21px;text-align:center;color:inherit!important}
.uno-side-link span{flex:1}.uno-side-link em{font-style:normal;background:#ffb65d;color:#543003;border-radius:8px;padding:2px 6px;font-size:10px}
.uno-side-link:hover{background:#f1f0ff!important;color:var(--uno-primary)!important}
.uno-side-link.is-current{background:var(--uno-primary)!important;color:white!important;box-shadow:0 5px 11px rgba(98,86,235,.17)}
.uno-sidebar-bottom{font-size:11px;display:flex;align-items:center;gap:7px;margin-top:auto;padding:16px 10px 4px;border-top:1px solid #eff0f4;color:#42506d;font-weight:700}
.uno-sidebar-bottom small{font-weight:500;color:#9da6b9;margin-left:auto}.uno-status-dot{display:inline-block;background:#31c98d;width:7px;height:7px;border-radius:50%}
.uno-sidebar-close{display:none;border:0;background:transparent;font-size:24px;color:#4d5872}
.uno-content-wrap{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}
.uno-topbar{width:100%!important;min-height:76px!important;position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 33px!important;background:#fff!important;border-bottom:1px solid var(--uno-border)!important;box-shadow:none!important;z-index:1000!important;margin:0!important;top:auto!important;left:auto!important;right:auto!important}
.uno-top-left,.uno-top-actions{display:flex;align-items:center;gap:13px}.uno-menu-trigger{border:1px solid #e9ecf3;background:#f7f8fc;color:#29334a;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:20px;cursor:pointer}
.uno-top-titles{display:flex;flex-direction:column;gap:1px}.uno-eyebrow{font-weight:800;font-size:9px;letter-spacing:.09em;color:#9ca4b4}.uno-top-titles>strong{font-size:15px;font-weight:800;white-space:nowrap;color:#222b42}
.uno-mini-balance{border:1px solid #e8ebf1;border-radius:12px;display:flex;align-items:center;gap:9px;padding:6px 12px;min-height:42px}
.uno-mini-balance>i{font-size:18px;color:var(--uno-primary)}.uno-mini-balance span{display:flex;flex-direction:column}.uno-mini-balance small{font-size:9px;color:#919caf;line-height:1.4}.uno-mini-balance b{font-size:12px;color:#242c4a;line-height:1.2}
.uno-top-add{display:flex;align-items:center;gap:7px;background:var(--uno-primary);color:white!important;padding:11px 14px;border-radius:10px;font-weight:700;font-size:11px;white-space:nowrap}
.uno-dropdown{position:relative}.uno-top-avatar{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:0;color:var(--uno-ink);cursor:pointer}.uno-top-avatar>span{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#e5e2ff;color:#5349d4;font-weight:800;font-size:16px}.uno-top-avatar>i{font-size:19px}
.uno-dropdown-panel{display:none;position:absolute;right:0;top:calc(100% + 15px);background:white;min-width:206px;padding:12px;border:1px solid var(--uno-border);border-radius:14px;box-shadow:0 18px 30px #14182d20;z-index:1100}
.uno-dropdown.is-open .uno-dropdown-panel{display:block}.uno-dropdown-panel>strong{display:block;padding:10px 8px;color:#1e2841;overflow:hidden;text-overflow:ellipsis}.uno-dropdown-panel a{display:flex;align-items:center;gap:9px;padding:11px;border-radius:9px;color:#4f5b73;font-size:12px}.uno-dropdown-panel a:hover{background:#f2f1ff;color:var(--uno-primary)}
.uno-client-area{flex:1;min-width:0;padding:25px 31px 46px;background:var(--uno-bg)!important;position:relative}
.uno-client-footer{padding:18px 30px;background:#161b3d;color:#adb4ce;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}
.uno-client-footer i{color:#9d95fb}
/* All legacy client pages inside new shell */
body.uno-body main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;background:transparent!important;color:var(--uno-ink)!important;overflow:visible!important}
body.uno-body main>.container,body.uno-body main>.container-fluid,body.uno-body .uno-client-area>.container,body.uno-body .uno-client-area>.container-fluid{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}
body.uno-body .page{background:transparent!important}
body.uno-body .card,body.uno-body .panel,body.uno-body .well,body.uno-body .d-card,body.uno-body .content-box,body.uno-body .page .card,body.uno-body .modal-content{background:#fff!important;border:1px solid var(--uno-border)!important;border-radius:var(--uno-radius)!important;box-shadow:var(--uno-shadow)!important;color:var(--uno-text)!important}
body.uno-body .card-body{background:transparent!important;color:var(--uno-text)!important}
body.uno-body .card-head,body.uno-body .panel-heading{background:transparent!important;border-bottom:1px solid #f0f1f7!important;border-radius:var(--uno-radius) var(--uno-radius) 0 0!important;color:var(--uno-ink)!important}
body.uno-body .card h4,body.uno-body .card h5,body.uno-body .card h6,body.uno-body .page h4,body.uno-body .page h5{color:var(--uno-ink)!important}
body.uno-body .form-control,body.uno-body select,body.uno-body textarea,body.uno-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]){max-width:100%;background:#fff!important;color:#25314b!important;border:1px solid #e0e5ef!important;border-radius:10px!important;min-height:43px;box-shadow:none!important}
body.uno-body input[readonly],body.uno-body textarea[readonly]{background:#f5f7fc!important}
body.uno-body label,body.uno-body .control-label{color:#34415b!important;font-size:12px!important;font-weight:700!important;margin-bottom:7px}
body.uno-body input:focus,body.uno-body textarea:focus,body.uno-body select:focus{border-color:#8982f4!important;box-shadow:0 0 0 3px #6256eb1c!important;outline:none!important}
body.uno-body .btn-primary,body.uno-body .btn-success,body.uno-body button[type=submit],body.uno-body input[type=submit],body.uno-body .pagination .active>a,body.uno-body .pagination .active>span{background:var(--uno-primary)!important;color:white!important;border-color:var(--uno-primary)!important;border-radius:10px!important;font-weight:700!important;box-shadow:none!important}
body.uno-body .btn-primary:hover,body.uno-body .btn-success:hover,body.uno-body button[type=submit]:hover{background:var(--uno-primary-deep)!important;border-color:var(--uno-primary-deep)!important}
body.uno-body .btn-outline-primary{color:var(--uno-primary)!important;border-color:var(--uno-primary)!important}
body.uno-body .btn:not(.uno-button){border-radius:10px!important}
body.uno-body .nav.cstmnav a.active,body.uno-body .nav-pills .nav-link.active,body.uno-body .nav-tabs .nav-link.active{color:var(--uno-primary)!important;background:#f1efff!important;border-radius:9px!important}
body.uno-body .nav.cstmnav a{color:#5b6682!important}
body.uno-body table,body.uno-body .table{color:var(--uno-text)!important;max-width:100%!important}
body.uno-body table th,body.uno-body .table th{font-size:11px!important;font-weight:800!important;background:#f5f7fc!important;color:#68738d!important;padding:15px 12px!important;border-color:#ebedf4!important}
body.uno-body table td,body.uno-body .table td{padding:14px 12px!important;border-color:#eef0f5!important;vertical-align:middle}
body.uno-body .alert-success{color:#087d56!important;background:#eafbf3!important;border:1px solid #bef0d6!important}
body.uno-body .alert-danger{color:#ad3459!important;background:#fff0f2!important;border:1px solid #ffcdd6!important}
body.uno-body .alert{border-radius:12px!important}
body.uno-body pre,body.uno-body code{white-space:pre-wrap;overflow-wrap:anywhere}
body.uno-body .card .row{min-width:0}
/* Page head */
.uno-section-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#7569ea}
.uno-page-intro,.uno-dashboard-greeting{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 24px!important}
.uno-page-intro h1,.uno-dashboard-greeting h1{font-size:28px!important;line-height:1.25!important;margin:8px 0 6px!important;color:#202944!important}
.uno-page-intro p,.uno-dashboard-greeting p{font-size:13px!important;color:#8993aa!important;margin:0!important}
.uno-dashboard-greeting h1 span{color:var(--uno-primary)}.uno-dashboard-greeting h1 i{color:#f1b545;font-size:20px}
.uno-button-ghost{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid #e1e3f0!important;border-radius:12px;padding:12px 17px;color:#4d467d!important;font-size:12px;font-weight:700;background:#fff;white-space:nowrap;transition:transform .16s}
.uno-button-ghost:hover{transform:translateY(-2px);color:var(--uno-primary)!important}
/* New order dashboard metrics */
.uno-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:30px}
.uno-metric-card{min-height:142px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:19px 20px;border-radius:18px;color:#fff!important;box-shadow:0 12px 25px #433ab51b;position:relative;overflow:hidden}
.uno-metric-card:before{content:'';position:absolute;right:-35px;top:-60px;height:170px;width:170px;border-radius:50%;background:#ffffff18;pointer-events:none}
.uno-metric-balance{background:linear-gradient(125deg,#5448dd,#7c66f4)}.uno-metric-orders{background:linear-gradient(125deg,#1485b4,#3fb2d1)}.uno-metric-spent{background:linear-gradient(125deg,#1b264b,#4856a9)}
.uno-metric-label{font-size:10px;letter-spacing:.08em;font-weight:800;display:flex;align-items:center;gap:8px;color:#f0eeff}.uno-metric-label i{font-size:20px;background:#ffffff24;padding:8px;border-radius:10px}
.uno-metric-card strong{font-size:27px;font-weight:800;letter-spacing:-.03em;position:relative;overflow-wrap:anywhere}.uno-metric-card>span:last-child{display:flex;align-items:center;gap:7px;font-size:11px;color:#f7f7ff;opacity:.89;font-weight:700}
.uno-order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.uno-order-heading h2{font-size:21px!important;margin:6px 0!important;color:#1e2842}.uno-order-tag{font-size:11px;color:#736ca4;border:1px solid #e3e0fb;border-radius:100px;padding:8px 12px;background:#faf9ff;white-space:nowrap}
.uno-orders-page .userCard,.uno-orders-page .rankCard{display:none!important}
.uno-orders-page .card-head{padding:18px 20px!important}.uno-orders-page .card-body{padding:20px!important}
.uno-orders-page .card-head h4{font-size:17px!important}.uno-orders-page #neworder_fields,.uno-orders-page .form-group{max-width:100%}
.uno-orders-page .btn-primary.btn-100{height:47px}
/* Guest frame */
body.uno-guest{background:#fff!important}
.uno-guest-header{position:sticky!important;top:0!important;z-index:1006!important;background:#fff!important;box-shadow:0 1px 0 #e8ebf5!important;border:0!important;width:100%;min-height:76px!important;display:flex!important;align-items:center;padding:0 24px!important}
.uno-guest-inner{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin:auto}
.uno-guest-nav{display:flex;align-items:center;gap:35px}.uno-guest-nav a{font-size:12px;font-weight:700;color:#566078!important;white-space:nowrap}.uno-guest-nav a:hover{color:var(--uno-primary)!important}
.uno-guest-right{display:flex;align-items:center;gap:19px}.uno-text-action{color:#303b55!important;font-weight:700;font-size:12px}.uno-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:none!important;border-radius:12px;background:var(--uno-primary)!important;color:#fff!important;box-shadow:0 10px 25px rgba(98,86,235,.18)!important;font-weight:800;font-size:12px;min-height:43px;padding:11px 20px;line-height:1.3;text-align:center;white-space:normal;cursor:pointer;transition:transform .15s,background .15s}
.uno-button:hover{transform:translateY(-1px);background:var(--uno-primary-deep)!important;color:white!important}
.uno-button-large{min-height:51px;padding:14px 23px;font-size:13px}.uno-button-white{background:#fff!important;color:#4036bb!important;box-shadow:none!important}.uno-button-white:hover{background:#eef0ff!important;color:#4036bb!important}
.uno-mobile-nav-btn,.uno-guest-signup-mob{display:none!important}
/* Homepage hero */
body.uno-guest .uno-home{display:block!important;margin:0!important;padding:0!important;width:100%!important;position:static!important;min-height:0!important;background:white!important;max-width:none!important}
.uno-home-hero{padding:72px 25px 67px;background:radial-gradient(ellipse at 85% 7%,#e7e2ff 0,transparent 43%),linear-gradient(120deg,#fbfcff 0%,#f2f4ff 100%);overflow:hidden}
.uno-home-hero-inner{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:1.07fr .93fr;gap:40px;align-items:center}
.uno-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcdafa;background:#f2f0ff;color:#6559e3;padding:8px 13px;border-radius:99px;letter-spacing:.1em;font-size:10px;font-weight:800}
.uno-hero-content h1{font-size:clamp(34px,4.2vw,61px)!important;line-height:1.13!important;letter-spacing:-.052em!important;margin:24px 0 21px!important;color:#17213d!important;max-width:620px}
.uno-hero-content h1 span{background:linear-gradient(100deg,#5143db,#8270f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.uno-hero-content>p{font-size:15px!important;color:#78849d!important;line-height:1.9;max-width:495px}
.uno-hero-actions{display:flex;align-items:center;gap:12px;margin-top:27px;flex-wrap:wrap}.uno-trust-row{display:flex;gap:17px;flex-wrap:wrap;margin-top:43px}.uno-trust-row span{font-size:10px;font-weight:700;color:#6f7b96;display:flex;align-items:center;gap:5px}.uno-trust-row i{font-size:16px;color:#7770e9}
.uno-hero-visual{position:relative;max-width:470px;width:100%;margin:auto}.uno-preview-window{background:white;border:1px solid #e1e4f4;border-radius:25px;padding:23px;box-shadow:0 35px 70px #3635891c;transform:rotate(-2deg)}
.uno-preview-top{display:flex;align-items:center;gap:9px;color:#36415a;font-weight:800;font-size:13px}.uno-preview-icon{width:29px;height:29px;border-radius:10px;background:var(--uno-primary);color:white;display:grid;place-items:center}.uno-preview-top>i{margin-left:auto;font-size:23px;color:#c0c8dd}
.uno-preview-title{font-size:21px;font-weight:800;color:#212a45;letter-spacing:-.035em;margin:23px 0 18px}
.uno-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.uno-preview-grid>div{background:#f7f8ff;border:1px solid #edeffa;border-radius:14px;padding:15px;display:grid;grid-template-columns:33px 1fr;column-gap:9px;align-items:center}.uno-preview-grid i{grid-row:span 2;font-size:26px;color:var(--uno-primary)}.uno-preview-grid b{font-size:12px;color:#1e2944}.uno-preview-grid small{font-size:10px;color:#9da6ba}
.uno-preview-wave{display:flex;align-items:end;justify-content:space-between;gap:7px;height:57px;margin-top:23px}.uno-preview-wave span{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#9b90fa,#cbc7ff)}.uno-preview-wave span:nth-child(5n+1){height:29%}.uno-preview-wave span:nth-child(5n+2){height:57%}.uno-preview-wave span:nth-child(5n+3){height:77%}.uno-preview-wave span:nth-child(5n+4){height:44%}.uno-preview-wave span:nth-child(5n){height:96%}
.uno-preview-bottom{margin-top:15px;display:flex;justify-content:space-between;align-items:center;color:#8c95a8;font-size:11px;font-weight:700;border-top:1px solid #edf0f8;padding-top:15px}.uno-preview-bottom i{color:var(--uno-primary);font-size:19px}
.uno-floating-note{display:flex;align-items:center;gap:8px;position:absolute;left:-35px;bottom:18px;transform:rotate(2deg);padding:13px 16px;border-radius:13px;background:#18223a;color:white;box-shadow:0 16px 30px #151b3d25;font-weight:800;font-size:11px}.uno-floating-note i{font-size:20px;color:#78dcc0}
/* Homepage login & feature sections */
.uno-login-section{padding:65px 25px;background:#fff}.uno-login-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;column-gap:48px;align-items:start;padding:35px;background:#fff;border:1px solid #e7e9f5;border-radius:23px;box-shadow:var(--uno-shadow)}
.uno-login-intro h2{font-size:26px!important;color:#202a45;margin:12px 0}.uno-login-intro p{font-size:12px;color:#8a94a8;line-height:1.85}.uno-login-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.uno-login-form>.uno-submit,.uno-login-form>.uno-login-small,.uno-login-form>.uno-create-account,.uno-login-form>.g-recaptcha{grid-column:span 2}
.uno-field label{font-size:11px;font-weight:800;color:#404b64;display:block;margin:0 0 7px}.uno-field .form-control{width:100%;min-height:47px;border:1px solid #dfe3ef!important;border-radius:11px!important;background:#fff!important;color:#263049!important;padding:12px 14px!important;box-shadow:none!important}.uno-field .form-control:focus{outline:none!important;border-color:var(--uno-primary)!important;box-shadow:0 0 0 3px #6256eb1a!important}
.uno-login-small{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#748099}.uno-login-small a,.uno-create-account a,.uno-auth-title a{color:var(--uno-primary)!important;font-weight:800}.uno-submit{width:100%;cursor:pointer}.uno-create-account{text-align:center;margin:0;color:#939caf;font-size:11px}
.uno-benefits-section{max-width:1210px;margin:auto;padding:70px 25px 100px}.uno-benefits-heading{text-align:center;max-width:620px;margin:0 auto 42px}.uno-benefits-heading h2{font-size:35px!important;color:#1c2641;margin:13px 0}.uno-benefits-heading h2 span{color:var(--uno-primary)}.uno-benefits-heading p{font-size:13px;color:#8b95ab}.uno-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.uno-benefits-grid article{border:1px solid #e8ebf3;border-radius:18px;padding:26px 22px;background:white;box-shadow:0 10px 23px #1f2b4c08}.uno-benefits-grid h3{font-size:15px!important;color:#25304d;margin:16px 0 10px}.uno-benefits-grid p{font-size:11px;color:#8b96ab;line-height:1.8;margin:0}.uno-benefit-icon{height:46px;width:46px;border-radius:15px;display:grid;place-items:center;font-size:22px}.uno-benefit-icon.blue{background:#edf5ff;color:#3488e5}.uno-benefit-icon.violet{background:#f0edff;color:#7867f6}.uno-benefit-icon.amber{background:#fff4e0;color:#d58f2b}.uno-benefit-icon.green{background:#e8faf3;color:#18a878}
.uno-cta-banner{max-width:1160px;margin:0 auto 78px;background:linear-gradient(115deg,#251c62,#6756e8);border-radius:23px;padding:41px 48px;display:flex;justify-content:space-between;align-items:center;gap:23px;color:#fff}.uno-cta-banner .uno-section-eyebrow{color:#bcb7fd}.uno-cta-banner h2{font-size:25px!important;color:white;margin:9px 0 8px}.uno-cta-banner p{margin:0;color:#d2cdfa;font-size:12px}
/* New registration page */
body.uno-guest .uno-auth-page{max-width:1190px!important;width:calc(100% - 46px)!important;margin:48px auto 90px!important;display:grid!important;grid-template-columns:.82fr 1.18fr!important;gap:35px!important;align-items:start!important;position:relative!important;min-height:0!important;background:transparent!important}
.uno-auth-hero{background:linear-gradient(135deg,#282460,#7057ea);border-radius:22px;padding:46px 35px;min-height:530px;color:white;position:relative;overflow:hidden}.uno-auth-hero:after{content:'';position:absolute;bottom:-130px;right:-135px;border:65px solid #ffffff18;width:330px;height:330px;border-radius:50%}
.uno-auth-hero .uno-kicker{background:#ffffff14;color:#e8e4ff;border-color:#ffffff35}.uno-auth-hero h1{font-size:39px!important;line-height:1.19!important;color:white!important;margin:24px 0 16px}.uno-auth-hero h1 span{color:#c7bcff}.uno-auth-hero p{color:#d2cff6;line-height:1.8;font-size:13px}.uno-auth-points{display:flex;flex-direction:column;gap:17px;margin-top:47px;font-weight:700;font-size:12px}.uno-auth-points span{display:flex;gap:10px;align-items:center}.uno-auth-points i{color:#b1fff0;font-size:18px}
.uno-auth-card{background:white;border:1px solid #e8ebf3;border-radius:22px;padding:35px;box-shadow:var(--uno-shadow)}.uno-auth-title h2{font-size:25px!important;margin:8px 0;color:#1b2742}.uno-auth-title p{color:#8893a8;font-size:12px}.uno-signup-form{margin-top:25px}.uno-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.uno-accept{display:flex;align-items:start;gap:8px;color:#728098;font-size:11px;margin-bottom:20px;line-height:1.7}.uno-accept input{margin-top:4px}.uno-accept a{color:var(--uno-primary)!important}
/* Guest footers + old guest content page universal */
.uno-footer{background:#171c40;padding:45px 25px 20px;color:#d6dcf3}.uno-footer-top{max-width:1180px;margin:auto;display:flex;align-items:start;justify-content:space-between;gap:35px;padding-bottom:35px}.uno-footer .uno-brand strong{color:#fff!important}.uno-footer .uno-brand small{color:#b2b5d6}.uno-footer-top p{font-size:11px;color:#a3a9c6;max-width:380px;line-height:1.7;margin-top:18px}.uno-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.uno-footer-nav a{color:#d0d3e6!important;font-size:11px;font-weight:600}.uno-footer-nav a:hover{color:white!important}.uno-footer-bottom{max-width:1180px;margin:auto;padding-top:20px;border-top:1px solid #ffffff17;color:#8d94b6;text-align:center;font-size:11px}
body.uno-guest .card,body.uno-guest .d-card,body.uno-guest .panel,body.uno-guest .page .card{background:#fff!important;color:#24304b!important;border:1px solid #e7eaf3!important;border-radius:18px!important;box-shadow:var(--uno-shadow)!important}
body.uno-guest main:not(.uno-home):not(.uno-auth-page){color:#24304b!important}
body.uno-guest main:not(.uno-home):not(.uno-auth-page) h1,body.uno-guest main:not(.uno-home):not(.uno-auth-page) h2,body.uno-guest main:not(.uno-home):not(.uno-auth-page) h3{color:#24304b!important}
body.uno-guest .btn-primary,body.uno-guest button[type=submit]{background:var(--uno-primary)!important;color:white!important;border-color:var(--uno-primary)!important;border-radius:11px!important}
body.uno-guest .primary-color{color:var(--uno-primary)!important}
body.uno-guest .app-content,body.uno-guest .main-top{background:transparent!important}
body.uno-guest .main-top{display:none!important}
body.uno-guest .app-content{margin:55px auto 70px!important;padding:0 22px!important;min-height:40vh!important}
body.uno-guest .app-content .container{max-width:1140px!important;margin:auto!important}
body.uno-guest .dch-title{color:#212b45!important;font-weight:800!important}
body.uno-guest .homeHeader,body.uno-guest .homeLogin{display:none!important}
/* Prevent old absolute/overlay elements rendering above new page */
body.uno-guest .sm-header,body.uno-guest .b-menu-wrapper,body.uno-guest .headOut{display:none!important}
body.uno-body .sidebar:not(.uno-sidebar){display:none!important}
/* Mobile and tablet */
@media(max-width:1100px){.uno-sidebar{width:226px!important;min-width:226px!important}.uno-client-area{padding:22px 20px 38px}.uno-topbar{padding:12px 19px!important}.uno-top-actions{gap:8px}.uno-home-hero-inner{gap:24px}}
@media(max-width:850px){
 .uno-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100dvh!important;width:265px!important;min-width:265px!important;transform:translateX(-103%)!important;box-shadow:0 0 0 transparent!important;transition:transform .22s ease!important}
 body.uno-mobile-open .uno-sidebar{transform:translateX(0)!important;box-shadow:15px 0 40px #10173320!important}
 .uno-sidebar-close{display:grid!important;place-items:center!important}.uno-backdrop{display:none!important;position:fixed;inset:0;background:#10152f75;z-index:1050}
 body.uno-mobile-open .uno-backdrop{display:block!important}body.uno-mobile-open{overflow:hidden!important}
 .uno-content-wrap{width:100%!important}.uno-client-area{padding:22px 17px 38px}.uno-topbar{min-height:67px!important}
 .uno-home-hero-inner{grid-template-columns:1fr;gap:50px}.uno-hero-visual{max-width:425px}
 .uno-login-card{grid-template-columns:1fr;gap:15px}.uno-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.uno-guest .uno-auth-page{grid-template-columns:1fr!important}.uno-auth-hero{min-height:auto;padding:30px}.uno-auth-points{margin-top:25px}
}
@media(max-width:700px){
 .uno-guest-header{padding:0 16px!important;min-height:69px!important}.uno-guest-nav{display:none!important;position:absolute!important;top:69px!important;left:11px!important;right:11px!important;background:#fff!important;border:1px solid #e8e9f3!important;border-radius:15px!important;box-shadow:0 15px 35px #20294a24!important;flex-direction:column!important;align-items:stretch!important;padding:10px!important;gap:0!important}
 .uno-guest-nav.is-open{display:flex!important}.uno-guest-nav a{padding:13px 15px!important;border-radius:9px;display:block!important}.uno-guest-nav a:hover{background:#f1efff!important}.uno-guest-signup-mob{display:block!important;color:var(--uno-primary)!important}
 .uno-mobile-nav-btn{display:grid!important;place-items:center!important;border:1px solid #e2e6f1!important;background:#f4f5fc!important;border-radius:11px!important;width:40px;height:40px;color:#353c62;font-size:22px;cursor:pointer}
 .uno-guest-join,.uno-text-action{display:none!important}
 .uno-home-hero{padding:60px 22px 55px}.uno-hero-content h1{font-size:37px!important}.uno-trust-row{gap:12px;margin-top:25px}.uno-login-section{padding:44px 18px}.uno-login-card{padding:22px}.uno-login-form{grid-template-columns:1fr}.uno-login-form>*,.uno-login-form>.uno-login-small,.uno-login-form>.uno-submit,.uno-login-form>.uno-create-account{grid-column:span 1!important}.uno-benefits-section{padding:50px 18px 60px}.uno-benefits-heading h2{font-size:26px!important}.uno-cta-banner{margin:0 15px 55px;padding:25px;flex-direction:column;align-items:stretch}.uno-cta-banner h2{font-size:21px!important}
 .uno-auth-hero{display:none}.uno-auth-card{padding:23px}.uno-fields-grid{grid-template-columns:1fr}.uno-auth-page{margin:28px auto 50px!important;width:calc(100% - 28px)!important}
 .uno-footer-top{flex-direction:column}.uno-footer-nav{gap:14px}
 .uno-dashboard-metrics{grid-template-columns:1fr;gap:10px}.uno-metric-card{min-height:116px;padding:16px}.uno-metric-card strong{font-size:24px}.uno-metric-label i{padding:5px}.uno-page-intro h1,.uno-dashboard-greeting h1{font-size:23px!important}.uno-dashboard-greeting{align-items:start;flex-direction:column}.uno-order-tag{display:none}.uno-view-orders{font-size:11px;padding:9px 12px}
 .uno-client-area{padding:18px 12px 30px}.uno-top-titles>strong{font-size:13px}.uno-topbar{padding:10px 12px!important}.uno-top-actions{gap:7px}.uno-mini-balance{padding:6px 9px;min-height:37px}.uno-mini-balance>i{display:none}.uno-mini-balance b{font-size:10px}.uno-top-add{padding:10px;font-size:13px;min-height:37px}.uno-top-add span{display:none}.uno-top-avatar>span{width:34px;height:34px}.uno-top-avatar>i{display:none}
 body.uno-body main .row>.col-lg-7,body.uno-body main .row>.col-lg-5,body.uno-body main .row>.col-lg-6{min-width:0!important}
 body.uno-body .card-body{padding:16px!important}body.uno-body .card-head{padding:16px!important}body.uno-body table{min-width:500px}body.uno-body .table-responsive{overflow-x:auto!important}body.uno-body .container,body.uno-body .container-fluid{max-width:100%!important}
 .uno-client-footer{padding:15px;gap:8px;font-size:10px;flex-wrap:wrap}
}
@media(max-width:360px){.uno-mini-balance{display:none}.uno-hero-content h1{font-size:32px!important}.uno-benefits-grid{grid-template-columns:1fr}.uno-guest-header .uno-brand strong{font-size:12px!important}.uno-guest-header .uno-brand small{font-size:9px}}


/* ================== UNOFOLLOWS V3: service & legal pages ================== */
body.uno-body,body.uno-guest{--color-6:#6256eb;--color-7:#4d42d4;--color-8:rgba(98,86,235,.13)}
body.uno-body .category-card .si-header{background:linear-gradient(111deg,#191e44,#4e46ae)!important;border:1px solid #48428f!important;box-shadow:0 8px 17px #16194717!important;border-radius:16px!important;padding:17px 23px!important;color:#fff!important}
body.uno-body .category-card .si-title{color:#fff!important;display:flex!important;align-items:center!important;gap:12px!important;font-weight:800!important;font-size:15px!important;line-height:1.4!important}
body.uno-body .uno-category-platform{width:39px;height:39px;flex:0 0 39px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff24;border:1px solid #ffffff2c;font-size:20px;color:white}
body.uno-body .services-head-row{margin-top:18px!important}
body.uno-body .services-head-row .service-item{background:#eef1fa!important;border:1px solid #e9edf6!important;border-radius:12px!important}
body.uno-body .services-wrapper .service-item{background:#fff!important;border:1px solid #e7eaf4!important;box-shadow:0 3px 15px #111b3907!important;transition:transform .15s,box-shadow .15s!important}
body.uno-body .services-wrapper .service-item:hover{box-shadow:0 9px 22px #111b3915!important;transform:translateY(-1px)}
body.uno-body .services-wrapper .sp-serv-title{color:#202946!important;font-weight:750!important}
body.uno-body .services-wrapper .sp-serv-sm{color:#46516b!important;font-weight:650!important}
body.uno-body .services-wrapper .s-col-id .sp-serv-sm{background:transparent!important;border:0!important;color:#8b95ab!important;border-radius:0!important;font-size:10px!important;padding:0!important;line-height:1.2!important;min-width:0!important;box-shadow:none!important}
body.uno-body .services-wrapper .s-col-id .uno-service-id-group{display:inline-flex!important;align-items:center!important;flex-direction:column!important;gap:3px!important}
body.uno-body .services-wrapper .s-col-id .uno-social-bubble{width:38px;height:38px;background:#f0efff;color:#6153e4;border:1px solid #e1defc;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex:none}
body.uno-body .services-wrapper .s-col-id .uno-service-id-number{font-variant-numeric:tabular-nums!important}
body.uno-body .services-wrapper .orlc.min,body.uno-body .services-wrapper .text-success{color:#554add!important}
body.uno-body .services-wrapper .orlc.max,body.uno-body .services-wrapper .text-danger{color:#d04c6a!important}
body.uno-body .services-wrapper .s-col-fav button.favorite{background:#fff0f5!important;border:1px solid #ffdbeb!important;color:#ec699d!important;border-radius:12px!important}
body.uno-body .services-wrapper .s-col-fav button.favorite i{color:#df5891!important}
body.uno-body .services-wrapper button[data-target^="#servis"]{background:#6256eb!important;border-color:#6256eb!important;color:#fff!important;border-radius:10px!important}
body.uno-body .services-wrapper .btn-secondary{background:#f0efff!important;border:1px solid #dfdefb!important;color:#574bd9!important;border-radius:10px!important}
body.uno-body .services-wrapper .btn-secondary a{color:#574bd9!important}
body.uno-body .services-wrapper .btn-secondary a:hover{color:#32259e!important}
/* Filter circles retain behavior (existing data-platform / filtering selectors). */
body.uno-body ul.platforms{gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
body.uno-body ul.platforms li{flex-grow:0!important;flex:none!important}
body.uno-body ul.platforms li button{width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid #e7e9f1!important;background:#fff!important;box-shadow:0 2px 8px #1825400b!important;color:#6a73a0!important;cursor:pointer!important}
body.uno-body ul.platforms li button i{color:inherit!important;font-size:20px!important}
body.uno-body ul.platforms li button.instagram{color:#d43c8d!important}
body.uno-body ul.platforms li button.youtube{color:#dd3545!important}
body.uno-body ul.platforms li button.facebook{color:#2372d8!important}
body.uno-body ul.platforms li button.tiktok{color:#20243c!important}
body.uno-body ul.platforms li button.telegram{color:#2d9bcf!important}
body.uno-body ul.platforms li button.twitter{color:#23283d!important}
body.uno-body ul.platforms li button.spotify{color:#168d61!important}
body.uno-body ul.platforms li button.active,body.uno-body ul.platforms li button:focus-visible{border-color:#aca5fd!important;background:#edeaff!important;color:#5446d9!important;transform:scale(1.05)}
body.uno-body .uno-category-platform[data-uno-platform="instagram"],body.uno-body .uno-social-bubble[data-uno-platform="instagram"]{color:#dd518f}
body.uno-body .uno-category-platform[data-uno-platform="youtube"],body.uno-body .uno-social-bubble[data-uno-platform="youtube"]{color:#de3f54}
body.uno-body .uno-category-platform[data-uno-platform="facebook"],body.uno-body .uno-social-bubble[data-uno-platform="facebook"]{color:#3480df}
body.uno-body .uno-category-platform[data-uno-platform="tiktok"],body.uno-body .uno-social-bubble[data-uno-platform="tiktok"]{color:#29324c}
body.uno-body .uno-category-platform[data-uno-platform="telegram"],body.uno-body .uno-social-bubble[data-uno-platform="telegram"]{color:#279fce}
body.uno-body .uno-category-platform[data-uno-platform="spotify"],body.uno-body .uno-social-bubble[data-uno-platform="spotify"]{color:#178a64}
body.uno-body .uno-category-platform[data-uno-platform="youtube"],body.uno-body .uno-category-platform[data-uno-platform="instagram"],body.uno-body .uno-category-platform[data-uno-platform="facebook"],body.uno-body .uno-category-platform[data-uno-platform="tiktok"],body.uno-body .uno-category-platform[data-uno-platform="telegram"],body.uno-body .uno-category-platform[data-uno-platform="spotify"]{background:white}
body.uno-body .category-card{margin-bottom:12px}
/* Brand legal pages — all are ordinary client Twig templates, no admin changes. */
body.uno-guest .uno-legal-page,body.uno-guest .uno-contact-page,body.uno-body .uno-legal-page,body.uno-body .uno-contact-page{max-width:1060px!important;width:calc(100% - 42px)!important;margin:42px auto 80px!important;padding:0!important;background:transparent!important;line-height:1.8!important}
body.uno-body .uno-legal-page,body.uno-body .uno-contact-page{width:100%!important;margin:5px auto 35px!important}
.uno-legal-hero{background:linear-gradient(125deg,#f0efff,#fff)!important;border:1px solid #e4e6f4;border-radius:20px;padding:42px 48px;margin-bottom:22px}
.uno-legal-hero .uno-legal-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6256eb;font-size:11px;letter-spacing:.14em;font-weight:800}
.uno-legal-hero h1{font-size:clamp(26px,3vw,37px)!important;line-height:1.25!important;color:#202845!important;margin:14px 0!important}
.uno-legal-hero p{color:#66718d!important;font-size:13px!important;line-height:1.8!important;max-width:750px}
.uno-legal-panel{background:#fff;border-radius:21px;border:1px solid #e7eaf1;padding:35px 48px;box-shadow:0 9px 25px #1e2b4808}
.uno-legal-panel section{padding:19px 0 24px;border-bottom:1px solid #eff0f6}
.uno-legal-panel section:last-child{border:0}
.uno-legal-panel h2{font-size:18px!important;color:#202943!important;letter-spacing:-.02em!important;margin:0 0 10px!important}
.uno-legal-panel h3{font-size:14px!important;color:#3c4567!important;margin:14px 0 7px!important}
.uno-legal-panel p,.uno-legal-panel li{font-size:13px!important;line-height:1.8!important;color:#54607b!important}
.uno-legal-panel ul{padding-left:23px!important;margin:12px 0!important;list-style:disc!important}
.uno-legal-panel ul li{display:list-item!important}
.uno-legal-panel a{color:#5c50dc!important;text-decoration:underline!important}
.uno-legal-help{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1c2152;border-radius:17px;color:#fff;padding:26px 30px;margin-top:24px}
.uno-legal-help h2{color:white!important;font-size:17px!important;margin:0 0 5px}.uno-legal-help p{margin:0;color:#d5d6ef;font-size:12px}
.uno-legal-help a{background:#fff;color:#5044bf!important;font-weight:800;font-size:12px;padding:12px 18px;border-radius:9px;white-space:nowrap}
@media(max-width:800px){body.uno-body .services-head-row{display:none!important}body.uno-body .category-card .si-header{padding:12px 15px!important}body.uno-body .services-wrapper .service-item{padding:13px 15px!important}body.uno-body .services-wrapper .s-col-id .uno-social-bubble{width:34px;height:34px;font-size:17px}}
@media(max-width:640px){body.uno-guest .uno-legal-page,body.uno-guest .uno-contact-page{width:calc(100% - 24px)!important;margin:20px auto 45px!important}.uno-legal-hero{padding:28px 21px}.uno-legal-panel{padding:16px 22px}.uno-legal-help{flex-direction:column;align-items:flex-start;padding:22px}.uno-legal-hero h1{font-size:27px!important}}

/* Public services list uses the same palette when browsing without login. */
body.uno-guest .category-card .si-header{background:linear-gradient(111deg,#191e44,#4e46ae)!important;border:1px solid #48428f!important;border-radius:16px!important;padding:17px 23px!important}
body.uno-guest .category-card .si-title{color:#fff!important;display:flex!important;align-items:center!important;gap:12px!important}
body.uno-guest .uno-category-platform{width:39px;height:39px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff2;font-size:20px;color:#fff}
body.uno-guest .services-wrapper .service-item{background:#fff!important;border:1px solid #e7eaf4!important;border-radius:15px!important;color:#24304b!important}
body.uno-guest .services-wrapper .s-col-id .uno-service-id-group{display:flex;align-items:center;flex-direction:column;gap:3px}
body.uno-guest .services-wrapper .s-col-id .uno-social-bubble{width:38px;height:38px;background:#efedff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6256eb;font-size:20px}
body.uno-guest .services-wrapper .s-col-id .uno-service-id-number{background:transparent!important;color:#76819d!important;font-size:10px!important;padding:0!important}
body.uno-guest .services-wrapper button[data-target^="#servis"]{background:#6256eb!important;border-color:#6256eb!important;color:#fff!important}
body.uno-guest ul.platforms li button{border-radius:12px!important;background:#fff!important;color:#6256eb!important;border:1px solid #ece9fb!important}


/* UnoFollows V4: safety net for legacy markup still cached in other pages. */
body.uno-body .mobile-navbar, body.uno-guest .mobile-navbar {display:none!important;}
@media(max-width:767.98px){
 body.uno-body main {padding-bottom:0!important;}
}