:root{
  --unkaha-bg:#070A12;
  --unkaha-bg2:#0B1222;
  --unkaha-surface:rgba(255,255,255,.045);
  --unkaha-surface2:rgba(255,255,255,.075);
  --unkaha-text:#E9ECF5;
  --unkaha-muted:#A8B1CC;
  --unkaha-line:rgba(255,255,255,.12);
  --unkaha-shadow:0 18px 60px rgba(0,0,0,.35);
  --unkaha-radius:18px;
  --unkaha-purple:#7C3AED;
  --unkaha-green:#22C55E;
  --unkaha-cyan:#06B6D4;
  --unkaha-gold:#FACC15;
}

body.unkaha-astra-portal,
.unkaha-portal-page{
  background:
    radial-gradient(900px 500px at 15% 0%, rgba(124,58,237,.28), transparent 55%),
    radial-gradient(800px 450px at 90% 10%, rgba(34,197,94,.23), transparent 55%),
    radial-gradient(900px 500px at 65% 85%, rgba(6,182,212,.18), transparent 60%),
    linear-gradient(180deg, var(--unkaha-bg), var(--unkaha-bg2));
  color:var(--unkaha-text);
}

body.unkaha-astra-portal .site-content,
body.unkaha-astra-portal .ast-container,
body.unkaha-astra-portal .site-main{
  background:transparent;
}

body.unkaha-astra-portal .ast-primary-header-bar,
body.unkaha-astra-portal .main-header-bar{
  background:rgba(7,10,18,.72);
  border-bottom:1px solid var(--unkaha-line);
  backdrop-filter:blur(12px);
}

body.unkaha-astra-portal .site-title a,
body.unkaha-astra-portal .site-description,
body.unkaha-astra-portal .main-header-menu .menu-link,
body.unkaha-astra-portal .ast-builder-menu-1 .menu-item > .menu-link{
  color:var(--unkaha-text);
}

body.unkaha-astra-portal .main-header-menu .menu-link:hover,
body.unkaha-astra-portal .main-header-menu .current-menu-item > .menu-link{
  color:#fff;
}

body.unkaha-astra-portal .ast-builder-menu-1 .menu-item > .menu-link{
  font-weight:800;
}

body.unkaha-astra-portal .ast-site-identity{
  padding-top:10px;
  padding-bottom:10px;
}

body.unkaha-astra-portal .site-title{
  font-weight:950;
  letter-spacing:-.25px;
}

body.unkaha-astra-portal .site-description{
  color:var(--unkaha-muted);
  font-weight:650;
}

body.unkaha-astra-portal .ast-container{
  max-width:1160px;
}

.unkaha-wrap{
  width:min(1120px, 92%);
  margin:0 auto;
}

.unkaha-portal-page a{
  color:inherit;
  text-decoration:none;
}

.unkaha-hero{
  position:relative;
  overflow:hidden;
  padding:58px 0 42px;
}

.unkaha-hero:before{
  content:"";
  position:absolute;
  inset:-35% -25%;
  background:
    radial-gradient(closest-side at 45% 30%, rgba(34,197,94,.12), transparent 70%),
    radial-gradient(closest-side at 70% 70%, rgba(124,58,237,.13), transparent 72%);
  pointer-events:none;
  transform:rotate(-6deg);
}

.unkaha-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:32px;
  align-items:center;
}

.unkaha-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 13px;
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  color:var(--unkaha-text);
  font-weight:900;
  font-size:15px;
}

.unkaha-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--unkaha-purple), var(--unkaha-green));
  box-shadow:0 0 0 4px rgba(124,58,237,.16);
  flex:0 0 auto;
}

.unkaha-hero__title{
  color:var(--unkaha-text);
  margin:16px 0 12px;
  font-size:clamp(34px, 4.5vw, 56px);
  line-height:1.05;
  letter-spacing:-.9px;
  font-weight:950;
}

.unkaha-accent{
  background:linear-gradient(90deg, var(--unkaha-purple), var(--unkaha-cyan), var(--unkaha-green));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.unkaha-hero__desc{
  margin:0 0 20px;
  color:rgba(233,236,245,.86);
  font-size:17px;
  max-width:62ch;
}

.unkaha-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 22px;
}

.unkaha-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 17px;
  border-radius:16px;
  border:1px solid var(--unkaha-line);
  font-weight:950;
  color:var(--unkaha-text);
  transition:transform .12s ease, border-color .12s ease, background .12s ease;
}

.unkaha-btn:hover{
  color:#fff;
  transform:translateY(-1px);
}

.unkaha-btn--primary{
  border-color:rgba(124,58,237,.38);
  background:linear-gradient(135deg, rgba(124,58,237,.94), rgba(6,182,212,.78));
  box-shadow:0 16px 40px rgba(124,58,237,.25);
}

.unkaha-btn--ghost{
  background:rgba(255,255,255,.045);
}

.unkaha-btn--soft{
  background:rgba(34,197,94,.10);
  border-color:rgba(34,197,94,.28);
}

.unkaha-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.unkaha-stat{
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.035);
  border-radius:var(--unkaha-radius);
  padding:14px 16px;
}

.unkaha-stat__num{
  color:#fff;
  font-size:25px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.5px;
}

.unkaha-stat__label{
  margin-top:2px;
  font-size:13px;
  color:var(--unkaha-muted);
  font-weight:850;
}

.unkaha-card-glow{
  width:min(420px,100%);
  border-radius:26px;
  padding:1px;
  background:linear-gradient(135deg, rgba(124,58,237,.85), rgba(34,197,94,.55), rgba(6,182,212,.65));
  box-shadow:var(--unkaha-shadow);
  justify-self:end;
}

.unkaha-card-glow__inner{
  border-radius:25px;
  padding:16px;
  background:radial-gradient(600px 260px at 30% 0%, rgba(124,58,237,.18), transparent 50%), rgba(15,26,51,.94);
  border:1px solid rgba(255,255,255,.09);
}

.unkaha-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--unkaha-line);
}

.unkaha-panel-head__title{
  color:#fff;
  font-weight:950;
}

.unkaha-panel-head__meta{
  color:var(--unkaha-muted);
  font-size:13px;
  font-weight:850;
}

.unkaha-mini-list{
  margin-top:12px;
  display:grid;
  gap:10px;
}

.unkaha-mini-card,
.unkaha-work-card,
.unkaha-list-card,
.unkaha-content-card{
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.035);
  border-radius:22px;
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}

.unkaha-mini-card{
  padding:13px;
}

.unkaha-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:950;
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  padding:5px 10px;
  border-radius:999px;
}

.unkaha-mini-card__title{
  color:#fff;
  margin:10px 0 4px;
  font-size:15px;
  line-height:1.28;
  font-weight:950;
}

.unkaha-mini-card__meta,
.unkaha-note,
.unkaha-muted{
  color:var(--unkaha-muted);
}

.unkaha-note{
  margin-top:12px;
  padding:13px;
  border-radius:18px;
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.035);
  font-weight:800;
  font-size:14px;
}

.unkaha-section{
  padding:46px 0;
}

.unkaha-section--alt{
  background:rgba(255,255,255,.018);
  border-top:1px solid var(--unkaha-line);
  border-bottom:1px solid var(--unkaha-line);
}

.unkaha-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.unkaha-section__title{
  color:#fff;
  margin:0;
  font-size:clamp(24px,3vw,34px);
  font-weight:950;
  letter-spacing:-.4px;
}

.unkaha-section__subtitle{
  margin:4px 0 0;
  color:var(--unkaha-muted);
  font-weight:780;
  max-width:70ch;
}

.unkaha-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.unkaha-grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.unkaha-work-card{
  padding:16px;
  transition:transform .12s ease, border-color .12s ease, background .12s ease;
}

.unkaha-work-card:hover{
  transform:translateY(-2px);
  border-color:rgba(124,58,237,.32);
  background:rgba(255,255,255,.05);
}

.unkaha-work-card__title{
  color:#fff;
  margin:11px 0 8px;
  font-size:18px;
  line-height:1.25;
  font-weight:950;
}

.unkaha-work-card__excerpt{
  color:rgba(233,236,245,.78);
  font-size:14px;
  margin:0 0 12px;
}

.unkaha-work-card__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--unkaha-muted);
  font-size:13px;
  font-weight:850;
}

.unkaha-list-card{
  display:block;
  padding:17px;
  transition:transform .12s ease, border-color .12s ease, background .12s ease;
}

.unkaha-list-card:hover{
  color:#fff;
  transform:translateY(-2px);
  border-color:rgba(6,182,212,.30);
  background:rgba(255,255,255,.05);
}

.unkaha-list-card__title{
  color:#fff;
  display:block;
  font-size:18px;
  font-weight:950;
}

.unkaha-list-card__desc{
  color:var(--unkaha-muted);
  display:block;
  margin-top:4px;
  font-weight:780;
  font-size:14px;
}

.unkaha-page-hero{
  padding:38px 0 12px;
}

.unkaha-page-hero__inner{
  padding:22px;
  border-radius:26px;
  border:1px solid var(--unkaha-line);
  background:radial-gradient(700px 260px at 20% 0%, rgba(124,58,237,.18), transparent 55%), rgba(255,255,255,.035);
  box-shadow:var(--unkaha-shadow);
}

.unkaha-page-hero__title{
  color:#fff;
  margin:0 0 7px;
  font-size:clamp(28px,3.5vw,42px);
  font-weight:950;
  letter-spacing:-.4px;
}

.unkaha-page-hero__desc{
  color:rgba(233,236,245,.84);
  margin:0;
  max-width:78ch;
  font-weight:760;
}

.unkaha-content-card{
  padding:22px;
}

.unkaha-entry-content{
  color:rgba(233,236,245,.86);
}

.unkaha-entry-content h1,
.unkaha-entry-content h2,
.unkaha-entry-content h3,
.unkaha-entry-content h4{
  color:#fff;
  font-weight:950;
}

.unkaha-entry-content p,
.unkaha-entry-content li{
  color:rgba(233,236,245,.86);
}

.unkaha-empty{
  padding:24px;
  border-radius:22px;
  border:1px dashed rgba(255,255,255,.18);
  color:var(--unkaha-muted);
  background:rgba(255,255,255,.025);
  font-weight:800;
}

.unkaha-auth-strip{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(34,197,94,.22);
  background:linear-gradient(135deg, rgba(34,197,94,.10), rgba(6,182,212,.08));
}

.unkaha-auth-strip strong{
  color:#fff;
}

.unkaha-form-wrap{
  max-width:760px;
  margin:38px auto;
  padding:24px;
  border-radius:26px;
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.035);
  box-shadow:var(--unkaha-shadow);
}

.unkaha-form-wrap input,
.unkaha-form-wrap select,
.unkaha-form-wrap textarea,
body.unkaha-astra-portal input[type="text"],
body.unkaha-astra-portal input[type="email"],
body.unkaha-astra-portal input[type="password"],
body.unkaha-astra-portal input[type="url"],
body.unkaha-astra-portal input[type="search"],
body.unkaha-astra-portal select,
body.unkaha-astra-portal textarea{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(7,10,18,.28);
  color:var(--unkaha-text);
}

.unkaha-form-wrap label,
body.unkaha-astra-portal label{
  color:var(--unkaha-text);
  font-weight:850;
}

body.unkaha-astra-portal button,
body.unkaha-astra-portal .button,
body.unkaha-astra-portal input[type="submit"]{
  border-radius:14px;
  font-weight:900;
}

.unkaha-footer-note{
  color:var(--unkaha-muted);
  border-top:1px solid var(--unkaha-line);
  padding:18px 0 28px;
  font-size:13px;
  font-weight:780;
}

@media (max-width: 921px){
  body.unkaha-astra-portal .ast-mobile-header-wrap .ast-primary-header-bar{
    background:rgba(7,10,18,.86);
  }
  .unkaha-hero__grid{
    grid-template-columns:1fr;
  }
  .unkaha-card-glow{
    justify-self:start;
  }
  .unkaha-grid,
  .unkaha-grid--two{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 640px){
  .unkaha-hero{
    padding-top:38px;
  }
  .unkaha-stats,
  .unkaha-grid,
  .unkaha-grid--two{
    grid-template-columns:1fr;
  }
  .unkaha-actions,
  .unkaha-auth-strip{
    flex-direction:column;
    align-items:stretch;
  }
  .unkaha-btn{
    width:100%;
  }
}

/* Header CTA appended to Astra primary menu */
body.unkaha-astra-portal .main-header-menu .unkaha-menu-cta > .menu-link,
body.unkaha-astra-portal .ast-builder-menu-1 .unkaha-menu-cta > .menu-link{
  margin-left:6px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(124,58,237,.35);
  background:linear-gradient(135deg, rgba(124,58,237,.92), rgba(6,182,212,.72));
  color:#fff !important;
  line-height:1;
  box-shadow:0 12px 30px rgba(124,58,237,.18);
}
body.unkaha-astra-portal .main-header-menu .unkaha-menu-cta-secondary > .menu-link,
body.unkaha-astra-portal .ast-builder-menu-1 .unkaha-menu-cta-secondary > .menu-link{
  margin-left:4px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid var(--unkaha-line);
  background:rgba(255,255,255,.045);
  color:#fff !important;
  line-height:1;
}
@media (max-width: 921px){
  body.unkaha-astra-portal .main-header-menu .unkaha-menu-cta > .menu-link,
  body.unkaha-astra-portal .main-header-menu .unkaha-menu-cta-secondary > .menu-link,
  body.unkaha-astra-portal .ast-builder-menu-1 .unkaha-menu-cta > .menu-link,
  body.unkaha-astra-portal .ast-builder-menu-1 .unkaha-menu-cta-secondary > .menu-link{
    margin-left:0;
    margin-top:8px;
  }
}


/* v1.0.4 - Detail karya cover rounded + multi-jenis safe layout */
.unkaha-detail-cover {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 18px auto;
  padding: 0;
  background: transparent;
  border: none;
  text-align: center;
  line-height: 0;
}

.unkaha-detail-cover__img {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 420px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  clip-path: inset(0 round 28px) !important;
  -webkit-clip-path: inset(0 round 28px) !important;
  background: transparent !important;
}