:root {
      --main-color: #FFA239;
      --bg1: #fff0e1;
      --bg2: #ffffff;
    }
    body {
      margin: 0;
      height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-family: 'Urbanist', sans-serif;
      background: radial-gradient(circle at top left, var(--bg1), var(--bg2));
      color: #333;
      overflow: hidden;
    }
    /* Arka plan blob efekti */
    .blob {
      position: absolute;
      width: 500px;
      height: 500px;
      background: var(--main-color);
      opacity: 0.12;
      border-radius: 50%;
      filter: blur(100px);
      animation: blobAnim 7s ease-in-out infinite alternate;
    }
    @keyframes blobAnim {
      0% { transform: translate(-200px, -150px) scale(1); }
      100% { transform: translate(200px, 150px) scale(1.2); }
    }
    h1 {
      font-size: 3rem;
      font-weight: bold;
      color: var(--main-color);
      text-align: center;
      z-index: 1;
      margin-bottom: 1rem;
      animation: fadeInDown 1s ease-out forwards;
      opacity: 0;
    }
    p {
      font-size: 1.2rem;
      margin-bottom: 2rem;
      z-index: 1;
      animation: fadeInUp 1.2s ease-out forwards;
      opacity: 0;
    }
    @keyframes fadeInDown {
      to { opacity: 1; transform: translateY(0); }
      from { opacity: 0; transform: translateY(-20px); }
    }
    @keyframes fadeInUp {
      to { opacity: 1; transform: translateY(0); }
      from { opacity: 0; transform: translateY(20px); }
    }
    /* Countdown tasarımı */
    .countdown {
      display: flex;
      gap: 20px;
      z-index: 1;
      animation: fadeIn 1.5s ease-out forwards;
      opacity: 0;
    }
    @keyframes fadeIn {
      to { opacity: 1; }
    }
    .time-box {
      background: #fff;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      border-radius: 12px;
      padding: 20px;
      text-align: center;
      width: 90px;
      transition: transform .3s ease;
    }
    .time-box:hover { transform: scale(1.05); }
    .time-box span {
      font-size: 2rem;
      font-weight: bold;
      color: var(--main-color);
      display: block;
    }
    footer {
      position: absolute;
      bottom: 20px;
      text-align: center;
      width: 100%;
      font-size: 0.9rem;
      color: #777;
      animation: fadeIn 2s ease forwards;
      opacity: 0;
    }
    footer a {
      color: var(--main-color);
      text-decoration: none;
      font-weight: bold;
    }
    .heart {
      display: inline-block;
      transition: transform .3s ease;
    }
    .heart:hover {
      transform: scale(1.3);
    }