/* Local approval preview. Scoped so the first-visit discovery screen is untouched. */
.ui-21st-preview {
  --p-ink:#173f3a;
  --p-teal:#19766d;
  --p-mint:#dff4ed;
  --p-gold:#f5b554;
  background:
    radial-gradient(circle at 8% 8%,rgba(86,199,178,.14),transparent 27rem),
    radial-gradient(circle at 92% 22%,rgba(245,181,84,.12),transparent 24rem),
    #f7f8f4;
}

.ui-21st-preview > .home-header{
  position:sticky;
  top:10px;
  z-index:100;
  width:min(1120px,calc(100% - 28px));
  min-height:64px;
  margin:10px auto 0;
  padding:8px 10px 8px 16px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 44px rgba(23,63,58,.1);
  backdrop-filter:blur(18px) saturate(135%);
}
.ui-21st-preview > .home-header .brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#238b7e,#173f3a);color:#fff;box-shadow:0 8px 18px rgba(23,118,109,.22)}
.ui-21st-preview > .home-header .header-buy-button,
.ui-21st-preview > .home-header .header-login-button{min-height:42px;padding-inline:17px;border-radius:999px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}
.ui-21st-preview > .home-header .header-buy-button{background:#eef8f5;color:var(--p-teal);border-color:#d8ebe5}
.ui-21st-preview > .home-header .header-login-button{background:var(--p-ink);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(23,63,58,.2)}
.ui-21st-preview > .home-header :is(.header-buy-button,.header-login-button):hover{transform:translateY(-2px)}

.ui-21st-preview > .home-shell{width:min(1120px,calc(100% - 28px));max-width:none;padding:34px 0 64px}
.ui-21st-preview > .home-shell > .daily-hero{
  min-height:450px;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  border:1px solid rgba(255,255,255,.24);
  border-radius:38px;
  background:radial-gradient(circle at 18% 10%,rgba(255,211,116,.2),transparent 30%),linear-gradient(135deg,#153f3a,#17695f 58%,#178778);
  box-shadow:0 34px 76px rgba(23,63,58,.22);
}
.ui-21st-preview > .home-shell > .daily-hero .hero-copy{padding:52px 44px 46px}
.ui-21st-preview > .home-shell > .daily-hero h1{max-width:680px;margin-top:14px;font-size:clamp(2.4rem,4.6vw,3.85rem);line-height:1;letter-spacing:-.045em}
.ui-21st-preview > .home-shell > .daily-hero .hero-eyebrow{width:fit-content;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.1);color:#ffe09a;backdrop-filter:blur(10px)}
.ui-21st-preview > .home-shell > .daily-hero .hero-proof span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09)}
.ui-21st-preview > .home-shell > .daily-hero :is(.btn-hero,.btn-hero-secondary){min-height:54px;padding-inline:22px;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}
.ui-21st-preview > .home-shell > .daily-hero .btn-hero{background:linear-gradient(135deg,#ffd475,#f5b554);color:#173f3a;box-shadow:0 14px 28px rgba(245,181,84,.25)}
.ui-21st-preview > .home-shell > .daily-hero :is(.btn-hero,.btn-hero-secondary):hover{transform:translateY(-3px)}
.ui-21st-preview > .home-shell > .daily-hero .hero-scene{min-height:414px;margin:18px 18px 18px 0;border:1px solid rgba(255,255,255,.22);border-radius:27px;box-shadow:0 22px 48px rgba(7,35,31,.2)}
.ui-21st-preview > .home-shell > .daily-hero .hero-art{transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .3s ease}
.ui-21st-preview > .home-shell > .daily-hero:hover .hero-art{transform:scale(1.045);filter:saturate(1.06)}

.ui-21st-preview > .home-shell > .route-cockpit,
.ui-21st-preview > .home-shell > .seo-intent-section,
.ui-21st-preview > .home-shell .premium-value-section,
.ui-21st-preview > .home-shell .a2-prep-section{
  border:1px solid rgba(23,118,109,.12);
  background:rgba(255,255,255,.8);
  box-shadow:0 20px 48px rgba(23,63,58,.08),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
}
.ui-21st-preview > .home-shell > .route-cockpit{gap:30px;margin-top:24px;padding:30px;border-radius:30px}
.ui-21st-preview > .home-shell > .route-cockpit h2{max-width:670px;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.035em}
.ui-21st-preview > .home-shell > .route-cockpit .btn{min-height:48px;border-radius:14px}
.ui-21st-preview > .home-shell > .route-cockpit .route-level-stack article{position:relative;min-height:76px;border-color:rgba(23,118,109,.12);background:rgba(255,255,255,.9);box-shadow:0 9px 22px rgba(23,63,58,.055);transition:transform .2s ease,box-shadow .2s ease}
.ui-21st-preview > .home-shell > .route-cockpit .route-level-stack article:not(.active):hover{transform:translateX(4px);box-shadow:0 14px 28px rgba(23,63,58,.1)}
.ui-21st-preview > .home-shell > .route-cockpit .route-level-stack article.active{background:linear-gradient(135deg,#173f3a,#19766d);box-shadow:0 15px 30px rgba(23,63,58,.2)}
.ui-21st-preview > .home-shell > .route-cockpit .route-level-stack article.active::after{content:'AKTİF';position:absolute;right:12px;top:9px;color:#ffdc8f;font-size:.55rem;font-weight:900;letter-spacing:.11em}
.ui-21st-preview > .home-shell > .seo-intent-section{padding:26px;border-radius:27px}

.ui-21st-preview > .home-shell .why-more-panel :is(.investor-trust-strip article,.premium-value-grid article,.a2-skill-card),
.ui-21st-preview > .home-shell > .seo-intent-section .seo-intent-links a{border-color:rgba(23,118,109,.1);background:rgba(255,255,255,.88);box-shadow:0 11px 28px rgba(23,63,58,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ui-21st-preview > .home-shell .why-more-panel :is(.investor-trust-strip article,.premium-value-grid article,.a2-skill-card):hover,
.ui-21st-preview > .home-shell > .seo-intent-section .seo-intent-links a:hover{transform:translateY(-4px);border-color:rgba(23,118,109,.25);box-shadow:0 18px 36px rgba(23,63,58,.1)}
.ui-21st-preview > .home-shell .positioning-section{border:1px solid rgba(255,255,255,.14);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(245,181,84,.24),transparent 30%),linear-gradient(135deg,#122f2d,#19766d);box-shadow:0 26px 58px rgba(23,63,58,.18)}
.ui-21st-preview > .home-shell .premium-value-section,
.ui-21st-preview > .home-shell .a2-prep-section{border-radius:30px}

@media(max-width:900px){
  .ui-21st-preview > .home-shell > .daily-hero{grid-template-columns:1fr;min-height:0}
  .ui-21st-preview > .home-shell > .daily-hero .hero-scene{min-height:310px;margin:0 16px 16px}
}
@media(max-width:760px){
  .ui-21st-preview > .home-header{top:7px;width:calc(100% - 14px);min-height:58px;margin-top:7px;padding:7px 8px 7px 11px}
  .ui-21st-preview > .home-header .brand-mark{width:36px;height:36px;border-radius:12px}
  .ui-21st-preview > .home-header .header-buy-button{display:none}
  .ui-21st-preview > .home-header .header-login-button{min-height:40px;padding-inline:13px}
  .ui-21st-preview > .home-shell{width:calc(100% - 18px);padding-top:20px}
  .ui-21st-preview > .home-shell > .daily-hero{border-radius:27px}
  .ui-21st-preview > .home-shell > .daily-hero .hero-copy{padding:32px 23px 26px}
  .ui-21st-preview > .home-shell > .daily-hero h1{font-size:clamp(2rem,10.5vw,2.9rem)}
  .ui-21st-preview > .home-shell > .daily-hero .hero-scene{min-height:225px;margin:0 9px 9px;border-radius:21px}
  .ui-21st-preview > .home-shell > :is(.route-cockpit,.seo-intent-section){padding:19px;border-radius:23px}
  .ui-21st-preview > .home-shell > .route-cockpit .route-level-stack article:not(.active):hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){.ui-21st-preview > .home-shell *{scroll-behavior:auto}.ui-21st-preview > .home-shell > .daily-hero .hero-art{transition:none}}