/* Kleeloo Modern 2026 UI - non-destructive visual layer */
:root{--kl-primary:#7c3aed;--kl-primary-2:#ec4899;--kl-accent:#14b8a6;--kl-ink:#172033;--kl-muted:#667085;--kl-bg:#f7f8fc;--kl-card:#fff;--kl-line:#e8eaf0;--kl-shadow:0 18px 50px rgba(23,32,51,.10);--kl-radius:22px}
html,body{background:var(--kl-bg)!important;color:var(--kl-ink)}
body{font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important}
a{transition:color .2s ease,background .2s ease,transform .2s ease}
/* Public header */
.inPrem2Nav,.gtHeaderForm{background:rgba(255,255,255,.94)!important;border:0!important;box-shadow:0 8px 30px rgba(20,25,45,.07)!important;backdrop-filter:blur(16px);position:relative;z-index:50}
.inPrem2Nav{border-radius:0 0 24px 24px!important;margin:0!important;padding:8px 0!important}
.inPrem2Nav .navbar-brand{padding:8px 12px!important}
.inPrem2Nav .gt-header-logo{max-height:52px!important;width:auto!important}
.inPrem2Nav .navbar-nav>li>a{border-radius:999px!important;margin:7px 3px!important;padding:11px 16px!important;color:#344054!important;font-weight:600!important}
.inPrem2Nav .navbar-nav>li.active>a,.inPrem2Nav .navbar-nav>li>a:hover{background:linear-gradient(135deg,var(--kl-primary),var(--kl-primary-2))!important;color:#fff!important}
.inPrem2Nav .navbar-toggle{border:0!important;border-radius:12px!important;background:#f2edff!important;padding:10px 13px!important}
.gtHeaderForm{padding:16px 0!important}
.gtHeaderForm .gt-form-control{border:1px solid var(--kl-line)!important;border-radius:14px!important;background:#f9fafb!important;box-shadow:none!important;height:44px!important}
.gtHeaderForm .input-group-addon{border:0!important;border-radius:14px 0 0 14px!important;background:#f3efff!important;color:var(--kl-primary)!important}
.gtHeaderForm .gt-btn-lg{border-radius:14px!important;border:0!important;background:linear-gradient(135deg,var(--kl-primary),var(--kl-primary-2))!important;box-shadow:0 10px 25px rgba(124,58,237,.22)!important}
/* Logged-in navbar */
.gt-navbar-green{background:#fff!important;border:0!important;box-shadow:0 8px 28px rgba(20,25,45,.07)!important;border-radius:0 0 22px 22px!important}
.gt-navbar-green .nav>li>a{color:#344054!important;font-weight:600!important;border:0!important;border-radius:12px!important;margin:5px!important}
.gt-navbar-green .nav>li>a:hover,.gt-navbar-green .nav>.active>a{background:#f3efff!important;color:var(--kl-primary)!important}
/* Modern public/login shell */
.gtLogin{min-height:100vh!important;background:radial-gradient(circle at 10% 10%,rgba(124,58,237,.13),transparent 30%),radial-gradient(circle at 90% 20%,rgba(236,72,153,.11),transparent 28%),var(--kl-bg)!important}
.gtLogin #main{min-height:calc(100vh - 120px)!important}
.gtLogin .container{max-width:1180px!important}
.gtLogin .gt-login-form{max-width:480px!important;margin:70px auto 90px!important;padding:38px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:28px!important;box-shadow:var(--kl-shadow)!important}
.gtLogin .gt-login-form:before{content:"Find someone who feels like home";display:block;text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kl-primary);margin-bottom:12px}
.gtLogin .inPageTitle{font-family:Inter,Poppins,sans-serif!important;font-size:34px!important;line-height:1.15!important;font-weight:800!important;color:var(--kl-ink)!important;margin-bottom:8px!important}
.gtLogin .inPageSubTitle{color:var(--kl-muted)!important;font-size:15px!important}
.gtLogin .gt-login-form label{color:#344054!important;font-weight:700!important;margin-bottom:8px!important}
.gtLogin .gt-form-control{height:52px!important;border:1px solid var(--kl-line)!important;border-radius:15px!important;background:#fbfbfd!important;box-shadow:none!important;padding:0 16px!important;transition:.2s ease!important}
.gtLogin .gt-form-control:focus{border-color:#a78bfa!important;box-shadow:0 0 0 4px rgba(124,58,237,.10)!important;background:#fff!important}
.gtLogin .gt-login-form .gt-btn-orange{height:54px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,var(--kl-primary),var(--kl-primary-2))!important;box-shadow:0 14px 30px rgba(124,58,237,.24)!important;font-weight:800!important;letter-spacing:.01em!important}
.gtLogin .inForgotText{color:var(--kl-primary)!important;font-weight:700!important}
/* Generic cards/forms */
.gt-profile-card,.profile-card,.panel,.well,.search-result,.gt-search-box,.gt-home-box,.gt-common-form{border:1px solid var(--kl-line)!important;border-radius:var(--kl-radius)!important;box-shadow:0 10px 30px rgba(23,32,51,.06)!important;background:#fff!important}
.panel-heading,.well-heading{border-radius:20px 20px 0 0!important}
.form-control,.gt-form-control,select,textarea,input[type=text],input[type=password],input[type=email],input[type=number]{border-radius:13px!important;border-color:var(--kl-line)!important;box-shadow:none!important}
.btn{border-radius:13px!important;font-weight:700!important}
.btn-primary,.gt-btn-orange,.gt-btn-green,.gt-btn-blue{border:0!important;background:linear-gradient(135deg,var(--kl-primary),var(--kl-primary-2))!important;color:#fff!important;box-shadow:0 8px 22px rgba(124,58,237,.16)!important}
/* Homepage sections */
.inPrem2Search,.inPrem2Search2{background:#fff!important;border-radius:24px!important;box-shadow:var(--kl-shadow)!important;border:1px solid var(--kl-line)!important}
/* tables */
table{border-radius:16px!important;overflow:hidden!important;background:#fff!important}
th{background:#f7f5ff!important;color:#344054!important}
/* Footer */
footer{border:0!important;background:#111827!important;color:#d0d5dd!important}
/* Mobile */
@media(max-width:767px){
 .inPrem2Nav{border-radius:0 0 18px 18px!important}.inPrem2Nav .navbar-collapse{border:0!important;box-shadow:none!important;padding:8px 12px 14px!important}.inPrem2Nav .navbar-nav>li>a{margin:3px 0!important}
 .gtLogin .gt-login-form{margin:28px 12px 55px!important;padding:26px 20px!important;border-radius:22px!important}.gtLogin .inPageTitle{font-size:28px!important}
 .gtLogin .gt-login-form .row{margin-left:-5px;margin-right:-5px}.gtLogin .gt-login-form [class*=col-]{padding-left:5px;padding-right:5px}
 .gtHeaderForm{padding:10px 0!important}
 .gt-navbar-green .navbar-collapse{border:0!important}.gt-navbar-green .nav>li>a{margin:2px!important}
}
/* Featured member cards */
#inFetBride .item,#inFetGroom .item{display:block!important;background:#fff!important;border:1px solid var(--kl-line)!important;border-radius:22px!important;padding:10px 10px 18px!important;margin:8px!important;box-shadow:0 12px 32px rgba(23,32,51,.07)!important;text-decoration:none!important;overflow:hidden;transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease}
#inFetBride .item:hover,#inFetGroom .item:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(23,32,51,.12)!important}
#inFetBride .item .thumbnail,#inFetGroom .item .thumbnail{border:0!important;background:#f2f4f7!important;border-radius:17px!important;padding:0!important;margin:0 0 15px!important;overflow:hidden!important}
#inFetBride .item .thumbnail img,#inFetGroom .item .thumbnail img{width:100%!important;height:280px!important;object-fit:cover!important}
#inFetBride .item h4,#inFetGroom .item h4{font-size:16px!important;font-weight:800!important;color:#172033!important;margin:0 8px 7px!important}
#inFetBride .item p,#inFetGroom .item p{color:#667085!important;font-size:13px!important;margin-left:8px!important;margin-right:8px!important}
#inFetBride .item .gt-btn-round,#inFetGroom .item .gt-btn-round{border-radius:999px!important;background:#f3efff!important;color:#7c3aed!important;border:0!important;padding:8px 15px!important;font-weight:750!important}
.gt-bg-index-white,.gt-bg-lgtGrey{background:transparent!important;padding-top:55px!important;padding-bottom:55px!important}
.gt-bg-index-white h2,.gt-bg-lgtGrey h2{font-family:Inter,Poppins,sans-serif!important;font-size:32px!important;font-weight:850!important;color:#172033!important}
.inPrem2Search{padding:28px!important;margin:30px auto!important;max-width:1120px!important}
.inPrem2Search label{color:#475467!important;font-weight:700!important}.inPrem2Search .gt-form-control{background:#fbfcfe!important;border-radius:14px!important;height:48px!important}
/* Homepage hero / registration */
#owl-demo-2{position:relative!important;border-radius:0 0 34px 34px!important;overflow:hidden!important;background:#101828!important}
#owl-demo-2 .item{position:relative!important}
#owl-demo-2 .item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,40,.42),rgba(16,24,40,.03) 60%,rgba(16,24,40,.22));pointer-events:none}
#owl-demo-2 .item img{width:100%!important;height:min(66vh,620px)!important;object-fit:cover!important;display:block!important}
.gt-slideup-form{border:0!important;border-radius:26px!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;box-shadow:0 25px 65px rgba(16,24,40,.18)!important;backdrop-filter:blur(15px)!important}
.gt-slideUp-form-head{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;padding:20px 24px!important}.gt-slideUp-form-head h4{color:#fff!important;font-size:21px!important;font-weight:850!important;margin:0!important}
.gt-slideUp-form-body{padding:22px!important}.gt-slideUp-form-body .gt-form-control{height:48px!important;border-radius:13px!important;background:#fbfcfe!important;border:1px solid #e4e7ec!important}
.gt-slideUp-form-body .input-group-addon{border:0!important;background:#f3efff!important;color:#7c3aed!important;border-radius:13px 0 0 13px!important}
.gt-slideUp-form-body .gt-btn-orange{height:50px!important;border-radius:14px!important;background:linear-gradient(135deg,#7c3aed,#ec4899)!important;border:0!important;font-weight:800!important}
.gt-bg-white{background:transparent!important}.gt-bg-white>.container,.gt-bg-lgtGrey>.container{background:transparent!important}
.gt-bg-white .col-xxl-4>div,.gt-bg-white .col-xl-4>div{background:#fff;border:1px solid var(--kl-line);border-radius:22px;padding:24px 15px;min-height:235px;box-shadow:0 10px 30px rgba(23,32,51,.05)}
@media(max-width:767px){#owl-demo-2 .item img{height:330px!important}.gt-slideup-form{margin-top:-35px!important;position:relative!important;z-index:3}.gt-bg-white .col-xxl-4>div,.gt-bg-white .col-xl-4>div{margin-bottom:14px}}
