/* TANITIM TEMASI: Renkleri ve açılış görünümünü buradan düzenleyebilirsin. */
body {
  background: linear-gradient(135deg, #0d1b2a, #174a66, #4b283f, #185464);
  background-size: 350% 350%;
  animation: gradientAnimation 24s ease infinite;
}
.profile-logo {
  width: 148px;
  height: 148px;
  border-color: #eaca7b;
}
.profile-photo {
  filter: none;
}
.profile-logo::after {
  display: none;
}
.profile h1 {
  font-size: clamp(30px, 7vw, 40px);
}
.tagline {
  color: #f3db9f;
  margin: 12px 0 7px;
  font-size: 17px;
}
.profile-note {
  font-size: 13px;
  line-height: 1.8;
  color: #ffffffb8;
  margin: 0;
}
.simple-icon {
  font-size: 30px;
  text-align: center;
}
.hint {
  min-height: 22px;
  color: #f3db9f;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
}
footer {
  padding-top: 8px;
}
footer a {
  color: #f3db9f;
  text-decoration: none;
}
.demo-note {
  font-size: 11px;
  color: #ffffffa8;
  line-height: 1.8;
}
#intro-replay {
  padding: 8px 14px;
  border: 1px solid #eaca7b66;
  border-radius: 20px;
  background: #ffffff08;
  color: #f3db9f;
  cursor: pointer;
  font: inherit;
}

/* Açılış ana sayfa her açıldığında görünür. Tekrar izleme düğmesiyle yeniden oynatılabilir. */
#logo-intro {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 43%, #1c4054, #0b1726 68%);
  color: #f3db9f;
  opacity: 1;
  transition: opacity 0.45s ease;
}
#logo-intro::backdrop {
  background: #0b1726;
}
#logo-intro.is-leaving {
  opacity: 0;
}
#intro-canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.intro-copy {
  position: absolute;
  top: calc(46% + 170px);
  left: 20px;
  right: 20px;
  text-align: center;
  pointer-events: none;
}
.intro-copy p {
  margin: 0 0 12px;
  font-size: 14px;
  color: #ffffffa8;
}
.intro-copy .intro-kicker {
  color: #f3db9f;
  font-size: 12px;
  letter-spacing: 0.25em;
}
#intro-skip {
  position: absolute;
  bottom: max(34px, env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #eaca7b44;
  border-radius: 30px;
  padding: 12px 20px;
  color: #f3db9f;
  background: #ffffff08;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}
@media (max-width: 380px) {
  .link-card {
    font-size: 14px;
  }
}
@media (max-height: 600px) {
  .intro-copy {
    top: 78%;
  }
}
@media (prefers-reduced-motion: reduce) {
  body {
    animation: none;
  }
  #logo-intro {
    transition: none;
  }
}

/* Pearl, dusty rose and champagne storefront. */
:root{color-scheme:light;--text:#4b283f;--text-soft:#745b6c;--card-glass:#ffffffad;--card-glass-hover:#fff;--card-border:#b48c9c40}
body{background:radial-gradient(ellipse at 0% 0%,#edced8 0,transparent 48%),radial-gradient(ellipse at 100% 80%,#dfd2df 0,transparent 48%),#fbf5ef;animation:none;color:#4b283f;padding-top:40px}
.page-shell{width:min(100%,500px)}.profile-logo{width:136px;height:136px;border:1px solid #c4a17d;box-shadow:0 12px 35px #75475b20;background:#4b283f}.profile h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(28px,6.5vw,36px);letter-spacing:-1px;margin-bottom:8px}.eyebrow{color:#8d536e;letter-spacing:.2em;font-size:10px}.tagline{color:#82556c;font-size:15px}.profile-note{color:#786674;font-size:12px}.link-list{gap:10px}.link-card{min-height:66px;border-radius:18px;font-size:14px;border:1px solid #c4a0b142;box-shadow:0 4px 15px #4b283f04}.link-card.featured{background:#4b283f;color:#fff7f1;box-shadow:0 8px 24px #4b283f20}.link-card.featured:hover{background:#633851}.featured .arrow{color:#edc6d0}.simple-icon{color:#edc6d0}.link-icon{width:32px;height:32px;filter:saturate(.45)}.link-card:not(.featured):hover{border-color:#9f748b;box-shadow:0 8px 24px #4b283f12;filter:none;transform:translateY(-2px)}footer,footer span{color:#8b7583}footer a,.hint{color:#82556c}.treatment-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:20px 0 24px}.treatment-strip span{font-size:10px;letter-spacing:.03em;padding:8px 11px;border:1px solid #b48c9c40;border-radius:30px;background:#ffffff70;color:#765467}.service-note{text-align:center;color:#876f7e;font-size:11px;line-height:1.8;margin:20px 12px}
#logo-intro{background:radial-gradient(ellipse at 50% 43%,#795168,#2e2032 72%);color:#f0d5b5}#logo-intro::backdrop{background:#2e2032}.intro-copy .intro-kicker,#intro-skip{color:#f0d5b5}#intro-skip{border-color:#d5b59466}