:root{
  --oe-primary:#694ac3;
  --oe-gold:#dfbb68;
  --oe-ink:#282138;
  --oe-paper:#fff;
  --oe-line:rgba(79,55,128,.15);
  --oe-shadow:0 22px 65px rgba(20,10,47,.22);
  --oe-soft-shadow:0 10px 32px rgba(20,10,47,.12);
  --oe-radius:20px;
  --oe-content-width:1040px;
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body.oe-forum-template{
  margin:0;
  min-height:100vh;
  color:var(--oe-ink);
  background:#17102d var(--oe-background-image) center top/cover fixed no-repeat;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
}
body.oe-forum-template::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(180deg,rgba(17,9,39,.08),rgba(17,9,39,.18));
}
a{color:#5543b5;text-decoration:none}
a:hover,a:focus{color:#352379;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;color:#21143e;padding:10px 15px;border-radius:10px;box-shadow:var(--oe-soft-shadow)}
.skip-link:focus{top:16px}
.oe-wrap{width:min(calc(100% - 32px),var(--oe-content-width));margin-inline:auto}

/* Header */
.oe-header{
  position:relative;
  z-index:50;
  min-height:112px;
  background-image:var(--oe-header-image);
  background-position:center 45%;
  background-size:cover;
  border-bottom:1px solid rgba(231,198,121,.45);
  box-shadow:0 10px 32px rgba(12,5,31,.24);
}
.oe-header-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,35,.92),rgba(29,16,64,.78) 44%,rgba(13,6,35,.90));backdrop-filter:saturate(.95)}
.oe-header-inner{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(180px,1fr);align-items:center;gap:26px;min-height:112px}
.oe-brand{display:inline-flex;align-items:center;gap:13px;min-width:0;color:#fff;justify-self:start}
.oe-brand:hover,.oe-brand:focus{color:#fff}
.oe-brand img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(225,185,93,.34))}
.oe-brand-copy{display:flex;flex-direction:column;line-height:1.08;min-width:0}
.oe-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,2vw,2rem);font-weight:500;color:#f2ce79;letter-spacing:.01em;white-space:nowrap}
.oe-brand small{margin-top:7px;color:rgba(255,255,255,.87);font-size:.71rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;text-align:center}
.oe-primary-menu{justify-self:center}
.oe-primary-menu .mod-menu,.oe-primary-menu ul{display:flex;align-items:center;justify-content:center;gap:30px;list-style:none;margin:0;padding:0}
.oe-primary-menu li{position:relative;margin:0;padding:0}
.oe-primary-menu a{display:flex;align-items:center;min-height:46px;padding:7px 4px;color:#fff;font-size:1rem;font-weight:750;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.oe-primary-menu a:hover,.oe-primary-menu a:focus,.oe-primary-menu .current>a,.oe-primary-menu .active>a{color:#f2ce79}
.oe-primary-menu ul ul{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;padding:10px 14px;flex-direction:column;align-items:stretch;gap:0;background:rgba(24,13,55,.98);border:1px solid rgba(225,187,104,.26);border-radius:14px;box-shadow:var(--oe-shadow)}
.oe-primary-menu li:hover>ul,.oe-primary-menu li:focus-within>ul{display:flex}
.oe-primary-menu ul ul a{min-height:38px;padding:8px 6px}
.oe-account-button{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:50px;padding:10px 22px;border:1px solid rgba(230,210,255,.25);border-radius:17px;color:#fff;background:linear-gradient(135deg,#805bd3,#6042b6);box-shadow:0 10px 26px rgba(48,25,111,.34);font-weight:800}
.oe-account-button:hover,.oe-account-button:focus{color:#fff;transform:translateY(-1px);box-shadow:0 13px 30px rgba(48,25,111,.42)}
.oe-account-icon{font-size:.8rem}
.oe-account-module{justify-self:end;color:#fff}
.oe-menu-toggle{display:none;justify-self:end;width:46px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);padding:10px;cursor:pointer}
.oe-menu-toggle i{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff}
.oe-topbar{background:#130b2d;color:#fff;font-size:.9rem}
.oe-topbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:7px}
.oe-topbar-grid>div:last-child{text-align:right}

/* Main surface: preserves the existing Kunena/forum layout */
.oe-page{padding:34px 0 54px}
.oe-surface{position:relative;min-height:520px;padding:18px 16px 34px;background:rgba(255,255,255,.965);border:1px solid rgba(255,255,255,.88);border-radius:22px;box-shadow:var(--oe-shadow);backdrop-filter:blur(7px)}
.oe-content-top{margin:0 0 8px}
.oe-content-top>.moduletable,.oe-content-top>.mod-custom{margin:0}
.oe-breadcrumbs{margin:8px 0 12px;font-size:.93rem}
.oe-breadcrumbs .breadcrumb{margin:0;padding:8px 4px;background:transparent}
.oe-main-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.oe-main-grid.has-left{grid-template-columns:240px minmax(0,1fr)}
.oe-main-grid.has-right{grid-template-columns:minmax(0,1fr) 240px}
.oe-main-grid.has-left.has-right{grid-template-columns:220px minmax(0,1fr) 220px}
.oe-component{min-width:0;outline:none}
.oe-sidebar .moduletable,.oe-sidebar .module,.oe-main-top .moduletable,.oe-main-bottom .moduletable{padding:18px;background:rgba(250,248,253,.98);border:1px solid var(--oe-line);border-radius:16px;box-shadow:var(--oe-soft-shadow)}
.oe-sidebar h3,.oe-main-top h3,.oe-main-bottom h3{margin-top:0;color:#49358f}
.oe-title-position{margin-bottom:12px}
.oe-bottom-area{padding:30px 0;background:rgba(24,13,54,.86);color:#fff;backdrop-filter:blur(9px)}
.oe-bottom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}

/* Joomla and Kunena compatibility */
.container,.container-component{max-width:none!important;width:100%!important;padding-inline:0!important}
#kunena.layout,#kunena.layout .container,#kunena.layout .container-fluid,.com-kunena{max-width:none!important;width:100%!important}
#kunena.layout{font-size:inherit}
#kunena .card,.card{border-color:var(--oe-line);border-radius:12px}
#kunena .btn-primary,.btn-primary{background:var(--oe-primary);border-color:var(--oe-primary)}
#kunena .btn-primary:hover,.btn-primary:hover{background:#5136aa;border-color:#5136aa}
.btn{border-radius:10px}
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],textarea,select,.form-control,.form-select{max-width:100%;border:1px solid rgba(78,58,125,.23);border-radius:9px;background:#fff;color:var(--oe-ink)}
input:focus,textarea:focus,select:focus,.form-control:focus,.form-select:focus{border-color:var(--oe-primary);box-shadow:0 0 0 .2rem rgba(105,74,195,.14);outline:0}
.alert{border-radius:12px}
.moduletable{margin-bottom:0}
.pagination{flex-wrap:wrap}

/* Footer */
.oe-footer{padding:28px 0;color:rgba(255,255,255,.84);background:rgba(13,7,31,.94);border-top:1px solid rgba(225,187,104,.22)}
.oe-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.oe-footer-grid>div:last-child{text-align:right}
.oe-footer strong{color:#f0cc77;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem}
.oe-footer a{color:#ead28f}

@media(max-width:980px){
  .oe-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:14px;min-height:88px}
  .oe-header{min-height:88px}
  .oe-brand{grid-column:1;grid-row:1;min-width:0}
  .oe-brand img{width:50px;height:50px}
  .oe-brand strong{font-size:1.35rem}
  .oe-brand small{font-size:.61rem;margin-top:5px}
  .oe-account-button,.oe-account-module{grid-column:2;grid-row:1;justify-self:end}
  .oe-menu-toggle{display:block;grid-column:3;grid-row:1}
  .oe-primary-menu{display:none;position:absolute;left:16px;right:16px;top:calc(100% - 4px);z-index:60;padding:12px 18px;background:rgba(24,13,55,.985);border:1px solid rgba(225,187,104,.28);border-radius:0 0 16px 16px;box-shadow:var(--oe-shadow)}
  .oe-primary-menu.is-open{display:block}
  .oe-primary-menu .mod-menu,.oe-primary-menu ul{align-items:stretch;flex-direction:column;gap:0}
  .oe-primary-menu a{padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  .oe-primary-menu ul ul{position:static;display:flex;transform:none;background:transparent;border:0;box-shadow:none;padding:0 0 0 16px}
  .oe-account-button{min-width:auto;padding-inline:15px}
  .oe-main-grid.has-left,.oe-main-grid.has-right,.oe-main-grid.has-left.has-right{grid-template-columns:1fr}
  .oe-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.oe-forum-template{background-attachment:scroll;background-position:center top}
  .oe-wrap{width:min(calc(100% - 18px),var(--oe-content-width))}
  .oe-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:74px}
  .oe-header{min-height:74px}
  .oe-brand{gap:6px;overflow:hidden}
  .oe-brand img{width:38px;height:38px;flex:0 0 auto}
  .oe-brand-copy{overflow:hidden}
  .oe-brand strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:.93rem;white-space:nowrap}
  .oe-brand small{display:none}
  .oe-account-button{display:inline-flex;min-width:84px;min-height:42px;padding:8px 11px;border-radius:12px;gap:6px;font-size:.88rem;white-space:nowrap}
  .oe-account-icon{font-size:.65rem}
  .oe-account-module{display:block;min-width:0;max-width:112px;overflow:hidden}
  .oe-menu-toggle{width:42px;height:40px;padding:9px}
  .oe-primary-menu{left:9px;right:9px}
  .oe-page{padding:12px 0 28px}
  .oe-surface{padding:9px 8px 22px;border-radius:14px}
  .oe-content-top{margin-bottom:6px}
  .oe-bottom-grid,.oe-footer-grid,.oe-topbar-grid{grid-template-columns:1fr}
  .oe-footer-grid>div:last-child,.oe-topbar-grid>div:last-child{text-align:left}
}
@media(max-width:430px){
  .oe-wrap{width:min(calc(100% - 12px),var(--oe-content-width))}
  .oe-header-inner{gap:6px}
  .oe-brand img{width:35px;height:35px}
  .oe-brand strong{font-size:.82rem}
  .oe-account-button{min-width:76px;min-height:38px;padding:7px 9px;font-size:.82rem}
  .oe-menu-toggle{width:38px;height:38px;padding:8px}
  .oe-primary-menu{left:6px;right:6px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Existing Joomla book module, enhanced by the template without changing its content. */
.oe-content-top .oe-book-banner{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  align-items:center!important;
  gap:30px!important;
  min-height:190px;
  padding:18px 34px!important;
  overflow:hidden;
  text-align:left!important;
  border:1px solid rgba(218,180,103,.32)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 82% 50%,rgba(224,190,116,.12),transparent 34%),
    rgba(255,249,242,.97)!important;
  box-shadow:0 12px 34px rgba(30,16,66,.11)!important;
}
.oe-book-cover-wrap{display:flex;align-items:center;justify-content:center;align-self:stretch}
.oe-book-cover-wrap img{display:block;width:132px;max-height:172px;object-fit:cover;border-radius:5px;box-shadow:0 14px 24px rgba(25,13,55,.28);transform:perspective(700px) rotateY(5deg)}
.oe-book-copy{text-align:center;min-width:0}
.oe-book-copy h3{margin:0 0 8px!important;color:#37265f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.4vw,2.05rem);font-weight:600;letter-spacing:-.015em}
.oe-book-copy p{margin:0 0 14px!important;color:#514768;font-size:1rem}
.oe-book-copy a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 24px!important;border-radius:999px!important;background:linear-gradient(135deg,#7a56cf,#5d3cb1)!important;color:#fff!important;box-shadow:0 8px 18px rgba(86,55,166,.22);font-weight:800}
.oe-book-copy a:hover,.oe-book-copy a:focus{transform:translateY(-1px);box-shadow:0 11px 24px rgba(86,55,166,.3)}
@media(max-width:640px){
  .oe-content-top .oe-book-banner{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;min-height:132px;padding:12px 14px!important}
  .oe-book-cover-wrap img{width:78px;max-height:112px}
  .oe-book-copy h3{font-size:1.08rem}
  .oe-book-copy p{font-size:.85rem;margin-bottom:10px!important}
  .oe-book-copy a{min-height:38px;padding:8px 16px!important;font-size:.9rem}
}


/* Start Here page */
.oe-start-page{--start-violet:#6c49c6;--start-gold:#deb96e;display:grid;gap:28px;padding:8px 0 24px;color:var(--oe-ink)}
.oe-start-page *{box-sizing:border-box}
.oe-start-hero,.oe-start-final{position:relative;overflow:hidden;text-align:center;padding:clamp(34px,6vw,72px) clamp(20px,5vw,64px);border:1px solid rgba(222,185,110,.34);border-radius:24px;background:linear-gradient(135deg,rgba(255,251,245,.98),rgba(245,239,255,.97));box-shadow:0 20px 60px rgba(27,15,59,.13)}
.oe-start-hero:before,.oe-start-final:before{content:"";position:absolute;inset:auto -8% -65% auto;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(222,185,110,.24),transparent 68%);pointer-events:none}
.oe-start-kicker{display:inline-block;margin-bottom:12px;color:#7557b7;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.oe-start-hero h1,.oe-start-final h2,.oe-start-heading h2{font-family:Georgia,"Times New Roman",serif;color:#332251;letter-spacing:-.025em}
.oe-start-hero h1{max-width:850px;margin:0 auto 16px;font-size:clamp(2rem,5vw,4rem);line-height:1.06}
.oe-start-hero p,.oe-start-final p{max-width:760px;margin:0 auto;color:#5b5269;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.75}
.oe-start-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.oe-start-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;text-decoration:none!important;font-weight:900;transition:.18s ease}
.oe-start-btn-primary{background:linear-gradient(135deg,#7b57cf,#5c3aae);color:#fff!important;box-shadow:0 10px 24px rgba(91,56,172,.24)}
.oe-start-btn-secondary{border:1px solid rgba(91,56,172,.24);background:#fff;color:#5c3aae!important}
.oe-start-btn:hover{transform:translateY(-2px)}
.oe-start-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oe-start-values article,.oe-start-panel{border:1px solid rgba(111,77,171,.16);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(30,18,62,.09)}
.oe-start-values article{padding:26px}
.oe-start-values article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,rgba(111,77,198,.13),rgba(222,185,110,.18));color:#6947bd;font-size:1.25rem}
.oe-start-values h2{margin:0 0 8px;color:#38275a;font-size:1.22rem}
.oe-start-values p{margin:0;color:#675d72;line-height:1.65}
.oe-start-panel{padding:clamp(24px,4vw,42px)}
.oe-start-heading{text-align:center;margin-bottom:22px}
.oe-start-heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.4rem)}
.oe-start-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.oe-start-path-grid a{display:block;padding:20px;border:1px solid rgba(111,77,171,.15);border-radius:16px;background:linear-gradient(135deg,#fff,#faf7ff);color:inherit!important;text-decoration:none!important;transition:.18s ease}
.oe-start-path-grid a:hover{transform:translateY(-2px);border-color:rgba(111,77,171,.36);box-shadow:0 12px 28px rgba(39,23,78,.1)}
.oe-start-path-grid strong{display:block;margin-bottom:6px;color:#4c327f;font-size:1.05rem}
.oe-start-path-grid span{color:#6b6175;line-height:1.55}
.oe-start-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oe-start-rule-grid>div{display:flex;gap:14px;padding:18px;border-radius:15px;background:#fbf9ff}
.oe-start-rule-grid b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#6c49c6;color:#fff;font-size:.78rem}
.oe-start-rule-grid p{margin:0;color:#665c72;line-height:1.55}.oe-start-rule-grid strong{color:#3d2a60}
.oe-start-final h2{margin:0 0 12px;font-size:clamp(2rem,4vw,3.2rem)}
.oe-start-final .oe-start-btn{margin-top:22px}
@media(max-width:760px){.oe-start-values,.oe-start-path-grid,.oe-start-rule-grid{grid-template-columns:1fr}.oe-start-page{gap:18px}.oe-start-hero,.oe-start-final{border-radius:18px}.oe-start-values article,.oe-start-panel{border-radius:16px}}


/* Polished Joomla sign-in page */
.oe-login-page .oe-breadcrumbs{margin:12px 0 18px}
.oe-login-page .oe-breadcrumbs ol,
.oe-login-page .oe-breadcrumbs ul,
.oe-breadcrumbs .breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  list-style:none;
  margin:0;
  padding:7px 4px;
}
.oe-login-page .oe-breadcrumbs li,
.oe-breadcrumbs .breadcrumb-item{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;color:#70677d;font-size:.92rem}
.oe-login-page .oe-breadcrumbs li::marker,.oe-breadcrumbs .breadcrumb-item::marker{content:""}
.oe-login-page .oe-breadcrumbs li+li::before,.oe-breadcrumbs .breadcrumb-item+.breadcrumb-item::before{content:"›";color:#a297ad;margin-right:2px}
.oe-login-page .oe-component{padding:8px 0 2px}
.oe-login-page .com-users-login,
.oe-login-page .login{
  width:min(100%,720px);
  margin:0 auto;
  padding:clamp(24px,4vw,42px);
  border:1px solid rgba(105,74,195,.16);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(222,185,110,.14),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,246,255,.98));
  box-shadow:0 18px 48px rgba(29,16,63,.13);
}
.oe-login-page .com-users-login::before,
.oe-login-page .login::before{
  content:"Welcome Back";
  display:block;
  margin:0 0 4px;
  color:#35245a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,4vw,2.55rem);
  font-weight:600;
  line-height:1.15;
  text-align:center;
}
.oe-login-page .com-users-login::after,
.oe-login-page .login::after{
  content:"Sign in to continue the conversation.";
  display:block;
  margin:0 0 24px;
  color:#71677d;
  text-align:center;
}
.oe-login-page .page-header{margin:0 0 20px;text-align:center}
.oe-login-page .page-header h1,.oe-login-page .page-header h2{margin:0;color:#35245a;font-family:Georgia,"Times New Roman",serif}
.oe-login-page form{margin:0}
.oe-login-page form fieldset{
  display:grid;
  gap:16px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.oe-login-page .control-group,.oe-login-page .form-group,.oe-login-page .mb-3{margin:0}
.oe-login-page label{display:block;margin:0 0 6px;color:#403650;font-weight:800}
.oe-login-page input[type="text"],
.oe-login-page input[type="email"],
.oe-login-page input[type="password"]{
  width:100%!important;
  min-height:52px;
  padding:11px 14px;
  border:1px solid rgba(88,62,151,.24);
  border-radius:12px;
  background:#fff;
  font-size:1rem;
  box-shadow:inset 0 1px 2px rgba(28,15,61,.04);
}
.oe-login-page input[type="text"]:focus,
.oe-login-page input[type="email"]:focus,
.oe-login-page input[type="password"]:focus{border-color:#7655c8;box-shadow:0 0 0 4px rgba(105,74,195,.13);outline:0}
.oe-login-page .input-password-toggle{display:flex;align-items:center;gap:8px}
.oe-login-page .input-password-toggle input{flex:1}
.oe-login-page .form-check,.oe-login-page .com-users-login__remember{display:flex;align-items:center;gap:9px;margin:0;color:#5e546a}
.oe-login-page .form-check label,.oe-login-page .com-users-login__remember label{display:inline;margin:0;font-weight:650}
.oe-login-page input[type="checkbox"]{width:18px;height:18px;accent-color:var(--oe-primary)}
.oe-login-page button,
.oe-login-page input[type="submit"],
.oe-login-page .btn{
  min-height:48px;
  border-radius:12px;
  font-weight:850;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.oe-login-page button:hover,.oe-login-page .btn:hover{transform:translateY(-1px)}
.oe-login-page button[type="submit"],
.oe-login-page input[type="submit"],
.oe-login-page .com-users-login__submit .btn,
.oe-login-page .oe-main-login-button{
  width:100%;
  min-height:52px;
  padding:11px 22px;
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#7a56cf,#5a39aa);
  box-shadow:0 9px 22px rgba(84,51,165,.24);
  font-size:1rem;
}
.oe-login-page .oe-facebook-login{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:58px!important;
  padding:13px 24px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1877f2,#0d5fd0)!important;
  box-shadow:0 10px 24px rgba(24,119,242,.28)!important;
  font-size:1.08rem!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.oe-login-page .oe-facebook-login:hover,.oe-login-page .oe-facebook-login:focus{color:#fff!important;filter:brightness(1.04);box-shadow:0 13px 28px rgba(24,119,242,.36)!important}
.oe-login-page .oe-facebook-login svg,.oe-login-page .oe-facebook-login img,.oe-login-page .oe-facebook-login i{flex:0 0 auto;width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;font-size:1.35rem!important;object-fit:contain}
.oe-login-page .oe-passkey-login{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:54px!important;
  padding:11px 20px!important;
  border:1px solid rgba(105,74,195,.22)!important;
  border-radius:13px!important;
  color:#46356d!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(35,20,70,.08)!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.oe-login-page .oe-passkey-login svg,.oe-login-page .oe-passkey-login img,.oe-login-page .oe-passkey-login i{
  width:32px!important;
  height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  font-size:1.65rem!important;
  object-fit:contain!important;
}
.oe-login-page .oe-passkey-login *{max-height:36px}
.oe-login-page .oe-login-provider-stack{display:grid;gap:12px;margin:2px 0}
.oe-login-page .com-users-login__options,
.oe-login-page .login-description+ul,
.oe-login-page ul.nav-stacked,
.oe-login-page .list-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}
.oe-login-page .com-users-login__options a,
.oe-login-page .list-group-item,
.oe-login-page ul.nav-stacked a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:9px 12px;
  border:1px solid rgba(105,74,195,.15);
  border-radius:11px;
  background:#faf8ff;
  color:#57418f;
  font-size:.89rem;
  font-weight:750;
  line-height:1.25;
  text-align:center;
}
.oe-login-page .com-users-login__options a:hover,.oe-login-page .list-group-item:hover,.oe-login-page ul.nav-stacked a:hover{background:#f3effc;border-color:rgba(105,74,195,.3)}
.oe-login-page form img,.oe-login-page form svg{max-width:100%}
@media(max-width:640px){
  .oe-login-page .com-users-login,.oe-login-page .login{padding:22px 16px;border-radius:17px}
  .oe-login-page .com-users-login__options,.oe-login-page .login-description+ul,.oe-login-page ul.nav-stacked,.oe-login-page .list-group{grid-template-columns:1fr}
}