:root{
  --ifop-cream:#f7f0e4;
  --ifop-cream-2:#efe3d1;
  --ifop-paper:#fbf7ef;
  --ifop-navy:#17345a;
  --ifop-terracotta:#b66c2e;
  --ifop-terracotta-dark:#8e4f22;
  --ifop-gold:#b68a43;
  --ifop-line:rgba(128,84,43,.28);
  --ifop-shadow:0 16px 42px rgba(83,55,31,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ifop-cream)}
html,body{margin:0;padding:0;min-height:100%}
body.ifop-portal-page{margin:0!important;background:var(--ifop-cream);color:var(--ifop-navy);overflow-x:hidden}
body.ifop-portal-page.admin-bar .ifop-root{min-height:calc(100vh - 32px)}
.ifop-root a{text-decoration:none;color:inherit}

.ifop-root{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -6%,rgba(255,255,255,.95),transparent 35%),
    repeating-linear-gradient(103deg,transparent 0 72px,rgba(124,86,51,.025) 73px,transparent 74px 146px),
    linear-gradient(180deg,#f8f1e7 0%,#efe1cf 44%,#f8f2e8 100%);
  font-family:Georgia,"Times New Roman",serif;
}

.ifop-marble-noise{
  position:absolute;inset:0;z-index:-5;pointer-events:none;opacity:.7;
  background:
    repeating-linear-gradient(13deg,transparent 0 44px,rgba(120,91,61,.025) 45px,transparent 46px 92px),
    repeating-linear-gradient(88deg,transparent 0 120px,rgba(120,91,61,.018) 121px,transparent 122px 210px);
}

.ifop-side-ornament{
  position:absolute;top:126px;bottom:72px;width:min(210px,17vw);z-index:-3;opacity:.22;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 42%,rgba(143,84,39,.18) 42% 44%,transparent 44% 56%,rgba(143,84,39,.18) 56% 58%,transparent 58%),
    repeating-linear-gradient(0deg,transparent 0 30px,rgba(143,84,39,.09) 31px,transparent 32px 62px);
}
.ifop-side-ornament::before,
.ifop-side-ornament::after{
  content:"";position:absolute;left:18%;right:18%;height:42px;border:2px solid rgba(143,84,39,.22);
  background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(143,84,39,.14) 14px 17px,transparent 17px 30px);
}
.ifop-side-ornament::before{top:0;border-radius:48% 48% 8px 8px}
.ifop-side-ornament::after{bottom:0;border-radius:8px 8px 48% 48%}
.ifop-side-ornament-left{left:-62px}
.ifop-side-ornament-right{right:-62px;transform:scaleX(-1)}


.ifop-account-bar{
  position:relative;
  z-index:7;
  width:min(1180px,calc(100% - 36px));
  margin:14px auto 0;
  border:1px solid rgba(23,52,90,.16);
  border-radius:15px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06),transparent 24%,transparent 76%,rgba(255,255,255,.04)),
    linear-gradient(135deg,#102a47,#173a5d 58%,#102c4b);
  box-shadow:0 10px 30px rgba(40,32,24,.10),inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
}
.ifop-account-bar-inner{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:7px 10px 7px 16px;
}
.ifop-account-label{
  flex:0 0 auto;
  color:#d9c299;
  font-family:Arial,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
}
.ifop-account-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.ifop-account-btn{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border:1px solid rgba(229,198,137,.28);
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:#fff!important;
  font-family:Arial,sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ifop-account-btn:hover{
  transform:translateY(-1px);
  border-color:#dec17f;
  background:rgba(255,255,255,.09);
}
.ifop-account-login{
  background:#dfba72;
  border-color:#dfba72;
  color:#102a47!important;
}
.ifop-account-login:hover{
  background:#ebca88;
  border-color:#ebca88;
}
.ifop-account-light{
  background:#f5eee2;
  border-color:#f5eee2;
  color:#17345a!important;
}
.ifop-account-welcome{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  color:#f8f0e3;
  font-size:14px;
  line-height:1.2;
}
.ifop-account-welcome strong{
  color:#e6c47e;
  font-weight:700;
}
.ifop-account-dot{
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:#49b983;
  box-shadow:0 0 0 4px rgba(73,185,131,.12);
}
.ifop-account-profile{
  min-width:82px;
  background:#f5eee2;
  border-color:#f5eee2;
  color:#17345a!important;
}
.ifop-account-logout{
  min-width:72px;
  background:#b84a4a;
  border-color:#c55a5a;
  color:#fff!important;
}
.ifop-account-logout:hover{
  background:#ca5a5a;
  border-color:#d56a6a;
  color:#fff!important;
}
.ifop-account-bar.is-logged-in .ifop-account-bar-inner{
  padding-left:16px;
}

.ifop-header{
  position:relative;z-index:3;
  width:min(1180px,calc(100% - 36px));
  margin:22px auto 0;
  border:1px solid rgba(147,104,61,.28);
  border-bottom:0;
  border-radius:24px 24px 0 0;
  background:rgba(250,245,236,.93);
  box-shadow:0 12px 40px rgba(78,53,32,.08);
  overflow:hidden;
}
.ifop-header-inner{
  min-height:112px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  padding:7px clamp(18px,3vw,42px) 4px;
}
.ifop-header-line{height:1px;background:linear-gradient(90deg,transparent,rgba(182,108,46,.5),transparent)}
.ifop-main-logo{display:block;width:clamp(165px,19vw,245px);height:auto;max-height:102px;object-fit:contain}

.ifop-meander{
  height:14px;
  border-top:1px solid rgba(182,108,46,.35);
  border-bottom:1px solid rgba(182,108,46,.35);
  background:
    linear-gradient(90deg,transparent 0 2px,var(--ifop-terracotta) 2px 4px,transparent 4px 8px,var(--ifop-terracotta) 8px 10px,transparent 10px 14px) 0 1px/14px 5px repeat-x,
    linear-gradient(90deg,var(--ifop-terracotta) 0 2px,transparent 2px 6px,var(--ifop-terracotta) 6px 8px,transparent 8px 12px,var(--ifop-terracotta) 12px 14px) 0 8px/14px 5px repeat-x;
  opacity:.58;
}


.ifop-countdown-shell{
  position:relative;z-index:3;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto;
}
.ifop-countdown-card{
  position:relative;
  padding:18px 24px 20px;
  text-align:center;
  border-left:1px solid rgba(147,104,61,.28);
  border-right:1px solid rgba(147,104,61,.28);
  border-top:1px solid rgba(208,171,101,.46);
  border-bottom:1px solid rgba(94,59,29,.30);
  background:
    radial-gradient(circle at 50% -30%,rgba(255,255,255,.90),transparent 42%),
    linear-gradient(180deg,rgba(251,246,238,.98),rgba(244,234,220,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(84,58,35,.08);
}
.ifop-countdown-card::before,
.ifop-countdown-card::after{
  content:"";position:absolute;left:0;right:0;height:5px;pointer-events:none;opacity:.50;
  background:linear-gradient(90deg,transparent 0 7px,#c4964f 7px 9px,transparent 9px 15px,#c4964f 15px 17px,transparent 17px 25px) 0 0/25px 5px repeat-x;
}
.ifop-countdown-card::before{top:0}
.ifop-countdown-card::after{bottom:0;transform:scaleY(-1)}
.ifop-countdown-topline{
  color:#8d6a43;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.20em;
  margin-bottom:6px;
}
.ifop-countdown-title{
  color:var(--ifop-navy);
  font-size:clamp(22px,2.2vw,32px);
  font-weight:600;
  line-height:1.18;
}
.ifop-countdown-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:760px;
  margin:16px auto 10px;
}
.ifop-countdown-box{
  position:relative;
  padding:14px 10px 12px;
  border:1px solid rgba(171,119,63,.24);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.65),transparent 55%),
    linear-gradient(180deg,#fbf7ef,#f0e2d0);
  box-shadow:var(--ifop-shadow),inset 0 0 0 4px rgba(255,255,255,.34);
}
.ifop-countdown-box strong{
  display:block;
  color:var(--ifop-terracotta-dark);
  font-size:clamp(26px,3vw,40px);
  line-height:1;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.ifop-countdown-box span{
  display:block;
  margin-top:7px;
  color:#7b6a59;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ifop-countdown-note{
  margin:0;
  color:#786957;
  font-size:14px;
  letter-spacing:.02em;
}


.ifop-visual-hero{
  position:relative;z-index:2;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto;
}
.ifop-hero-scene{
  position:relative;
  aspect-ratio:4 / 1;
  min-height:0;
  overflow:hidden;
  background:url('../images/hero-dunya-felsefe-gunu-v164.png') center center / cover no-repeat;
  box-shadow:inset 0 -18px 28px rgba(62,44,28,.05),inset 0 10px 18px rgba(255,255,255,.10);
}
.ifop-hero-scene::before,
.ifop-hero-scene::after,
.ifop-hero-medallion,
.ifop-hero-column,
.ifop-hero-wave{display:none !important;content:none !important}

.ifop-radio-strip{
  position:relative;z-index:3;
  width:min(1180px,calc(100% - 36px));
  min-height:92px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:14px 22px;
  color:#f8f0e3;
  border-left:1px solid rgba(147,104,61,.32);
  border-right:1px solid rgba(147,104,61,.32);
  border-top:1px solid rgba(208,171,101,.46);
  border-bottom:1px solid rgba(94,59,29,.48);
  background:
    linear-gradient(90deg,rgba(198,150,76,.08),transparent 18%,transparent 82%,rgba(198,150,76,.08)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px),
    linear-gradient(135deg,#102a47,#173a5d 56%,#0d263f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(35,28,22,.10);
}
.ifop-radio-strip::before,
.ifop-radio-strip::after{
  content:"";position:absolute;left:0;right:0;height:5px;pointer-events:none;opacity:.62;
  background:linear-gradient(90deg,transparent 0 7px,#c4964f 7px 9px,transparent 9px 15px,#c4964f 15px 17px,transparent 17px 25px) 0 0/25px 5px repeat-x;
}
.ifop-radio-strip::before{top:0}.ifop-radio-strip::after{bottom:0;transform:scaleY(-1)}
.ifop-radio-brand{display:flex;align-items:center;gap:12px;min-width:188px}
.ifop-radio-brand strong{display:block;font-size:17px;letter-spacing:.08em;font-weight:700;white-space:nowrap}
.ifop-radio-brand small{display:block;margin-top:2px;color:#d2bd96;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.05em;white-space:nowrap}
.ifop-radio-wave{width:42px;height:42px;border:1px solid rgba(222,190,124,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:rgba(255,255,255,.04)}
.ifop-radio-wave i{display:block;width:2px;border-radius:9px;background:#e2be74;animation:ifopRadioWave 1s ease-in-out infinite alternate}
.ifop-radio-wave i:nth-child(1){height:9px;animation-delay:-.4s}.ifop-radio-wave i:nth-child(2){height:18px;animation-delay:-.2s}.ifop-radio-wave i:nth-child(3){height:26px}.ifop-radio-wave i:nth-child(4){height:17px;animation-delay:-.3s}.ifop-radio-wave i:nth-child(5){height:10px;animation-delay:-.1s}
.ifop-radio-strip:not(.is-playing) .ifop-radio-wave i{animation-play-state:paused;transform:scaleY(.45)}
@keyframes ifopRadioWave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.ifop-radio-controls{display:flex;align-items:center;gap:6px}
.ifop-radio-btn,.ifop-radio-mute{border:0;cursor:pointer;color:#f8f0e3;background:transparent;font-family:Arial,sans-serif}
.ifop-radio-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1;border:1px solid rgba(231,200,140,.32)}
.ifop-radio-play{width:44px;height:44px;font-size:15px;padding-left:2px;color:#112b47;background:#e0bd78;border-color:#e0bd78;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.ifop-radio-btn:hover{border-color:#e0bd78}.ifop-radio-play:hover{background:#ebca88}
.ifop-radio-btn:disabled,.ifop-radio-mute:disabled{opacity:.35;cursor:not-allowed}
.ifop-radio-info{min-width:0;display:grid;gap:8px}
.ifop-radio-now{min-width:0;display:flex;align-items:baseline;gap:10px}
.ifop-radio-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600}
.ifop-radio-artist{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4bea0;font-family:Arial,sans-serif;font-size:11px}
.ifop-radio-progress-row{display:grid;grid-template-columns:36px minmax(80px,1fr) 36px;gap:8px;align-items:center}
.ifop-radio-time,.ifop-radio-duration{font-family:Arial,sans-serif;font-size:9px;color:#cdb995;font-variant-numeric:tabular-nums}
.ifop-radio-duration{text-align:right}
.ifop-radio-progress,.ifop-radio-volume{appearance:none;-webkit-appearance:none;height:3px;border-radius:8px;outline:none;background:rgba(255,255,255,.20);accent-color:#dfba72;cursor:pointer}
.ifop-radio-progress::-webkit-slider-thumb,.ifop-radio-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#e4c27d;border:0}
.ifop-radio-progress::-moz-range-thumb,.ifop-radio-volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#e4c27d;border:0}
.ifop-radio-right{display:flex;align-items:center;gap:8px}
.ifop-radio-count{padding:5px 8px;border:1px solid rgba(226,193,127,.28);border-radius:999px;color:#d9c4a0;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.ifop-radio-mute{font-size:14px;padding:5px}
.ifop-radio-volume{width:66px}
.ifop-radio-audio{display:none}

.ifop-module-shell{
  position:relative;z-index:2;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 46px;
  padding:22px clamp(18px,2.7vw,36px) 34px;
  border:1px solid rgba(147,104,61,.28);
  border-top:0;
  border-radius:0 0 24px 24px;
  background:
    radial-gradient(circle at 15% 30%,rgba(255,255,255,.55),transparent 24%),
    linear-gradient(180deg,rgba(250,246,239,.96),rgba(243,233,220,.96));
  box-shadow:0 22px 56px rgba(79,54,33,.13);
}

.ifop-section-heading{
  display:flex;align-items:center;justify-content:center;gap:18px;
  text-align:center;
  margin:0 auto 22px;
  padding:1px 10px 4px;
}
.ifop-section-heading h1{
  margin:0;color:var(--ifop-navy);font-size:clamp(23px,2.7vw,34px);font-weight:600;letter-spacing:.035em;
}
.ifop-section-heading p{
  margin:4px 0 0;color:#786957;font-size:clamp(13px,1.35vw,17px);letter-spacing:.02em;
}
.ifop-laurel{color:#b17a2d;font-size:clamp(28px,3.4vw,44px);line-height:1;opacity:.9}
.ifop-laurel-right{transform:scaleX(-1)}

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

.ifop-card{
  position:relative;
  min-width:0;
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:18px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(174,119,65,.33);
  border-radius:16px;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.85),transparent 35%),
    repeating-linear-gradient(8deg,rgba(121,88,54,.018) 0 1px,transparent 1px 8px),
    linear-gradient(155deg,#fbf7ef 0%,#f0e4d2 100%);
  box-shadow:var(--ifop-shadow),inset 0 0 0 5px rgba(255,255,255,.33);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ifop-card::after{
  content:"";position:absolute;inset:10px;border:1px solid rgba(181,129,75,.15);border-radius:11px;pointer-events:none;
}
a.ifop-card{cursor:pointer}
a.ifop-card:hover{transform:translateY(-5px);border-color:rgba(163,99,44,.52);box-shadow:0 22px 48px rgba(74,49,29,.18),inset 0 0 0 5px rgba(255,255,255,.42)}
a.ifop-card:focus-visible{outline:3px solid rgba(182,108,46,.45);outline-offset:4px}
.ifop-card-disabled{cursor:default}

.ifop-card-corner{position:absolute;width:35px;height:35px;z-index:1;opacity:.56;pointer-events:none}
.ifop-card-corner::before,.ifop-card-corner::after{content:"";position:absolute;background:var(--ifop-terracotta)}
.ifop-card-corner::before{width:35px;height:1px;left:0;top:0;box-shadow:0 5px 0 rgba(182,108,46,.55)}
.ifop-card-corner::after{width:1px;height:35px;left:0;top:0;box-shadow:5px 0 0 rgba(182,108,46,.55)}
.ifop-card-corner-tl{top:13px;left:13px}
.ifop-card-corner-br{bottom:13px;right:13px;transform:rotate(180deg)}

.ifop-logo-wrap{
  flex:1;
  min-height:260px;
  display:flex;align-items:center;justify-content:center;
  padding:8px 8px 2px;
}
.ifop-logo-wrap img{
  display:block;max-width:92%;max-height:250px;width:auto;height:auto;object-fit:contain;
  filter:drop-shadow(0 9px 8px rgba(47,32,20,.08));
  transition:transform .25s ease;
}
a.ifop-card:hover .ifop-logo-wrap img{transform:scale(1.018)}

.ifop-card-bottom{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  min-height:68px;
  padding:12px 5px 0;
  border-top:1px solid rgba(179,119,64,.22);
}
.ifop-card h2{
  margin:0;color:var(--ifop-navy);font-size:clamp(18px,1.6vw,23px);line-height:1.22;font-weight:600;text-align:left;
}
.ifop-arrow{
  width:36px;height:36px;border:1px solid rgba(171,95,42,.62);border-radius:50%;
  display:grid;place-items:center;color:var(--ifop-terracotta-dark);font-family:Arial,sans-serif;font-size:20px;line-height:1;
  background:rgba(255,255,255,.38);
}


/* PROFİL SAYFASI */
.ifop-profile-root{min-height:100vh}
.ifop-profile-header{margin-top:10px}
.ifop-profile-shell{
  position:relative;
  z-index:3;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto 46px;
  padding:30px clamp(18px,3vw,38px) 38px;
  border:1px solid rgba(147,104,61,.28);
  border-top:0;
  border-radius:0 0 24px 24px;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.65),transparent 28%),
    linear-gradient(180deg,rgba(250,246,239,.98),rgba(242,231,216,.98));
  box-shadow:0 22px 56px rgba(79,54,33,.13);
}
.ifop-profile-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(179,119,64,.22);
}
.ifop-profile-kicker{
  display:block;
  color:var(--ifop-terracotta-dark);
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  margin-bottom:5px;
}
.ifop-profile-heading h1{
  margin:0;
  color:var(--ifop-navy);
  font-size:clamp(28px,3.3vw,42px);
  line-height:1;
  font-weight:600;
}
.ifop-profile-heading p{
  margin:8px 0 0;
  color:#786957;
  font-size:14px;
}
.ifop-profile-home{
  flex:0 0 auto;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid rgba(171,95,42,.30);
  border-radius:10px;
  background:#fff8ec;
  color:var(--ifop-navy)!important;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
}
.ifop-profile-message{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:11px;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:700;
}
.ifop-profile-message.success{
  border:1px solid rgba(64,142,94,.30);
  background:rgba(64,142,94,.09);
  color:#276342;
}
.ifop-profile-message.error{
  border:1px solid rgba(184,74,74,.28);
  background:rgba(184,74,74,.08);
  color:#923939;
}
.ifop-profile-grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.ifop-profile-summary,
.ifop-profile-card{
  border:1px solid rgba(174,119,65,.30);
  border-radius:16px;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.85),transparent 38%),
    linear-gradient(155deg,#fbf7ef,#efe1ce);
  box-shadow:0 12px 32px rgba(83,55,31,.10),inset 0 0 0 4px rgba(255,255,255,.30);
}
.ifop-profile-summary{
  padding:24px 18px;
  text-align:center;
}
.ifop-profile-avatar{
  width:88px;
  height:88px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#17345a,#285886);
  color:#f0c875;
  font-size:38px;
  font-weight:700;
  box-shadow:0 12px 28px rgba(23,52,90,.18);
}
.ifop-profile-summary h2{
  margin:0;
  color:var(--ifop-navy);
  font-size:21px;
  line-height:1.2;
}
.ifop-profile-summary p{
  margin:6px 0 3px;
  color:#956c43;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
}
.ifop-profile-summary span{
  display:block;
  color:#786957;
  font-family:Arial,sans-serif;
  font-size:11px;
  overflow-wrap:anywhere;
}
.ifop-profile-card{padding:22px}
.ifop-profile-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ifop-profile-form label{
  display:grid;
  gap:6px;
}
.ifop-profile-form label.wide,
.ifop-profile-form .wide{grid-column:1/-1}
.ifop-profile-form label>span{
  color:var(--ifop-navy);
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
}
.ifop-profile-form input,
.ifop-profile-form select{
  width:100%;
  height:43px;
  border:1px solid rgba(147,104,61,.28);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:#24364e;
  padding:0 12px;
  font:600 13px/1 Arial,sans-serif;
  outline:none;
}
.ifop-profile-form input:focus,
.ifop-profile-form select:focus{
  border-color:#b68a43;
  box-shadow:0 0 0 3px rgba(182,138,67,.10);
}
.ifop-profile-form input[readonly]{
  background:rgba(23,52,90,.05);
  color:#667586;
}
.ifop-profile-form small{
  color:#8b7964;
  font-family:Arial,sans-serif;
  font-size:10px;
}
.ifop-profile-form-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding-top:4px;
}
.ifop-profile-save,
.ifop-profile-exit{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:10px;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.ifop-profile-save{
  border:1px solid #b68a43;
  background:#b68a43;
  color:#fff;
}
.ifop-profile-save:hover{background:#c39750}
.ifop-profile-exit{
  border:1px solid rgba(184,74,74,.35);
  background:rgba(184,74,74,.07);
  color:#9c3d3d!important;
}

@media(max-width:760px){
  .ifop-profile-shell{width:calc(100% - 18px);padding:22px 12px 28px;border-radius:0 0 18px 18px}
  .ifop-profile-heading{align-items:flex-start;flex-direction:column}
  .ifop-profile-grid{grid-template-columns:1fr}
  .ifop-profile-summary{padding:18px}
  .ifop-profile-avatar{width:72px;height:72px;font-size:31px}
  .ifop-profile-card{padding:15px}
  .ifop-profile-form{grid-template-columns:1fr}
  .ifop-profile-form label.wide,.ifop-profile-form .wide{grid-column:auto}
  .ifop-profile-form-actions{justify-content:flex-start;flex-wrap:wrap}
}

.ifop-profile-form label>span em{
  color:#8b7964;
  font-size:9px;
  font-style:normal;
  font-weight:700;
}
.ifop-profile-form select{
  appearance:auto;
}
.ifop-register-card{
  max-width:880px;
  margin:0 auto;
}
.ifop-register-form .ifop-profile-form-actions{
  margin-top:2px;
}
.ifop-register-login{
  border-color:rgba(23,52,90,.24);
  background:rgba(23,52,90,.05);
  color:var(--ifop-navy)!important;
}

.ifop-login-card{
  max-width:680px;
  margin:0 auto;
}
.ifop-login-form{
  grid-template-columns:1fr;
}
.ifop-login-remember{
  display:flex!important;
  align-items:center!important;
  grid-template-columns:auto 1fr!important;
  gap:8px!important;
}
.ifop-login-remember input{
  width:16px!important;
  height:16px!important;
  flex:0 0 auto!important;
}
.ifop-login-links{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.ifop-login-links a{
  color:var(--ifop-navy)!important;
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.ifop-login-links a:hover{
  text-decoration:underline;
}
@media(max-width:560px){
  .ifop-login-links{align-items:flex-start;flex-direction:column}
}

.ifop-footer{
  position:relative;z-index:2;
  width:min(1180px,calc(100% - 36px));
  margin:-28px auto 24px;
  text-align:center;
  opacity:.7;
}
.ifop-footer .ifop-meander{max-width:420px;margin:0 auto 12px;border-left:1px solid rgba(182,108,46,.2);border-right:1px solid rgba(182,108,46,.2)}
.ifop-footer-art{font-size:10px;letter-spacing:.35em;color:#8f6d47}

@media (max-width:980px){
  .ifop-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ifop-card{min-height:340px}
  .ifop-logo-wrap{min-height:235px}
  .ifop-side-ornament{opacity:.1}
}

@media (max-width:700px){
  body.ifop-portal-page.admin-bar .ifop-root{min-height:calc(100vh - 46px)}
  .ifop-account-bar{width:calc(100% - 18px);margin-top:9px;border-radius:13px}
  .ifop-account-bar-inner{min-height:44px;padding:6px 7px 6px 10px;gap:8px}
  .ifop-account-label{display:none}
  .ifop-account-actions{width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
  .ifop-account-actions::-webkit-scrollbar{display:none}
  .ifop-account-btn{min-height:32px;padding:0 11px;font-size:10px;border-radius:9px}
  .ifop-account-welcome{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ifop-account-bar.is-logged-in .ifop-account-actions{width:auto;overflow:visible}
  .ifop-account-profile{min-width:72px}

  .ifop-header{width:calc(100% - 18px);margin-top:9px;border-radius:18px 18px 0 0}
  .ifop-header-inner{min-height:82px;padding:4px 13px 1px;grid-template-columns:1fr auto 1fr;gap:10px}
  .ifop-main-logo{width:145px;max-height:76px}
  .ifop-meander{height:12px;background-size:12px 4px,12px 4px;background-position:0 1px,0 7px}
  .ifop-countdown-shell{width:calc(100% - 18px)}
  .ifop-countdown-card{padding:14px 12px 16px}
  .ifop-countdown-topline{font-size:9px;letter-spacing:.16em}
  .ifop-countdown-title{font-size:20px}
  .ifop-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
  .ifop-countdown-box{padding:12px 8px 10px;border-radius:13px}
  .ifop-countdown-box strong{font-size:28px}
  .ifop-countdown-box span{font-size:10px;margin-top:5px}
  .ifop-countdown-note{font-size:12px}
  .ifop-visual-hero{width:calc(100% - 18px)}
  .ifop-hero-scene{aspect-ratio:4 / 1;background-position:center center;background-size:cover}
    .ifop-radio-strip{
    width:calc(100% - 18px);
    min-height:0;
    grid-template-columns:1fr auto;
    gap:10px 12px;
    padding:14px 14px 13px;
  }
  .ifop-radio-brand{min-width:0}.ifop-radio-brand small{display:none}.ifop-radio-wave{width:36px;height:36px}
  .ifop-radio-controls{grid-column:2;grid-row:1}.ifop-radio-info{grid-column:1/-1;grid-row:2}.ifop-radio-now{gap:6px}.ifop-radio-title{font-size:14px}.ifop-radio-artist{font-size:10px}
  .ifop-radio-right{grid-column:1/-1;grid-row:3;justify-content:flex-end}.ifop-radio-count{margin-right:auto}.ifop-radio-volume{width:82px}
  .ifop-module-shell{width:calc(100% - 18px);padding:17px 10px 23px;margin-bottom:34px;border-radius:0 0 18px 18px}
  .ifop-section-heading{gap:8px;margin-bottom:14px;padding-left:2px;padding-right:2px}
  .ifop-section-heading h1{font-size:20px;letter-spacing:.025em}
  .ifop-section-heading p{font-size:12px;margin-top:2px}
  .ifop-laurel{font-size:26px}
  .ifop-modules{grid-template-columns:1fr;gap:10px}
  .ifop-card{
    min-height:0;
    display:grid;
    grid-template-columns:104px 1fr;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:14px;
  }
  .ifop-card::after{inset:6px;border-radius:10px}
  .ifop-card-corner{display:none}
  .ifop-logo-wrap{min-height:88px;height:88px;padding:0;display:flex}
  .ifop-logo-wrap img{max-width:100%;max-height:84px}
  .ifop-card-bottom{min-height:68px;padding:0;border-top:0;grid-template-columns:1fr auto;gap:8px}
  .ifop-card h2{font-size:17px;line-height:1.16}
  .ifop-arrow{width:32px;height:32px;font-size:18px}
  .ifop-side-ornament{display:none}
  .ifop-footer{width:calc(100% - 24px);margin-top:-20px}
  a.ifop-card:hover{transform:none}
}

@media (max-width:390px){
  .ifop-header-inner{min-height:76px}
  .ifop-main-logo{width:130px}
  .ifop-hero-scene{aspect-ratio:4 / 1;background-position:center center;background-size:cover}
  .ifop-radio-brand strong{font-size:15px}.ifop-radio-btn{width:30px;height:30px}.ifop-radio-play{width:38px;height:38px}
  .ifop-section-heading h1{font-size:18px}
  .ifop-section-heading p{font-size:11px}
  .ifop-card{grid-template-columns:92px 1fr;padding:9px 10px}
  .ifop-logo-wrap{height:78px;min-height:78px}
  .ifop-logo-wrap img{max-height:74px}
  .ifop-card h2{font-size:16px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ifop-card,.ifop-logo-wrap img{transition:none!important}
}


.ifop-login-inline-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin:0 4px;
  padding:0 10px;
  border:1px solid rgba(164,106,47,.40);
  border-radius:999px;
  background:linear-gradient(180deg,#fff8ea,#ead7b5);
  color:#17345a!important;
  font-family:Arial,sans-serif;
  font-size:.92em;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  text-decoration:none!important;
  box-shadow:0 4px 12px rgba(108,73,38,.12), inset 0 1px 0 rgba(255,255,255,.7);
  vertical-align:middle;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.ifop-login-inline-link:before{
  content:'→';
  margin-right:6px;
  color:#ad7e34;
  font-size:1em;
  font-weight:900;
}
.ifop-login-inline-link:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#fffdf7,#f0dfbf);
  box-shadow:0 7px 16px rgba(108,73,38,.16), inset 0 1px 0 rgba(255,255,255,.8);
}
.ifop-login-inline-link:focus-visible{
  outline:2px solid #b68a43;
  outline-offset:2px;
}