Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>You Did the Thing — ICU-1111</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&display=swap" rel="stylesheet">
<style>
  :root {
    --cream: #F5F0E8;
    --warm-white: #FAF7F2;
    --deep: #1C1712;
    --brown: #3D2B1F;
    --gold: #B8860B;
    --muted: #7A6A5A;
    --border: #D9CFC2;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background-color: var(--cream);
    color: var(--deep);
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
    line-height: 1.7;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
  }

  .container {
    max-width: 620px;
    width: 100%;
    text-align: center;
  }

  .icon-wrap {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 32px;
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.1s;
  }

  .icon-wrap svg {
    width: 28px;
    height: 28px;
    stroke: var(--gold);
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .headline {
    font-size: 34px;
    font-weight: 600;
    color: var(--brown);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 20px;
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.2s;
  }

  .subtext {
    font-size: 17px;
    color: var(--muted);
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 36px;
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.35s;
  }

  .subtext strong {
    color: var(--deep);
    font-weight: 500;
  }

  .card {
    background: var(--warm-white);
    border: 1px solid var(--border);
    border-left: 3px solid var(--gold);
    padding: 22px 28px;
    text-align: left;
    margin-bottom: 24px;
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.5s;
  }

  .card-label {
    font-size: 10px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 500;
    margin-bottom: 8px;
  }

  .card-text {
    font-size: 16px;
    color: var(--muted);
    font-style: italic;
    line-height: 1.7;
  }

  .button-row {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.65s;
  }

  .btn {
    display: inline-block;
    min-width: 280px;
    background: var(--deep);
    color: var(--cream);
    text-decoration: none;
    padding: 16px 34px;
    font-size: 13px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 2px;
    transition: background 0.2s;
  }

  .btn:hover {
    background: var(--brown);
  }

  .btn.secondary {
    background: transparent;
    color: var(--brown);
    border: 1px solid var(--gold);
  }

  .btn.secondary:hover {
    background: var(--warm-white);
  }

  .footer-note {
    margin-top: 32px;
    font-size: 13px;
    color: var(--muted);
    opacity: 0;
    animation: fadeUp 0.6s ease forwards 0.75s;
  }

  .footer-note a {
    color: var(--gold);
    text-decoration: none;
  }

  .footer-note a:hover {
    text-decoration: underline;
  }

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 480px) {
    .headline { font-size: 26px; }
    .subtext { font-size: 16px; }
    .btn { min-width: 100%; }
  }
</style>
</head>
<body>

<div class="container">

  <div class="icon-wrap">
    <svg viewBox="0 0 24 24">
      <polyline points="20 6 9 17 4 12"></polyline>
    </svg>
  </div>

  <h1 class="headline">You did the thing.</h1>

  <p class="subtext">
    Your assessment has been received.<br>
    <strong>I'll review everything before we meet</strong> so we can skip the small talk and get straight to what matters.
  </p>

  <div class="card">
    <div class="card-label">What happens next</div>
    <p class="card-text">You'll hear from me within 24–48 hours to confirm your session. In the meantime — take a breath. You just did something most people never do.</p>
  </div>

  <div class="card">
    <div class="card-label">While you wait</div>
    <p class="card-text">Most people spend years trying to solve symptoms without understanding the deeper patterns underneath them. Explore the Framework Library to start seeing the identity patterns, emotional dynamics, and hidden loops that may be shaping your life.</p>
  </div>

  <div class="button-row">
    <a href="https://dancing-belekoy-5f38f5.netlify.app" class="btn">Explore the Framework</a>
    <a href="https://icu-1111.com" class="btn secondary">Return to ICU-1111</a>
  </div>

  <p class="footer-note">
    Questions? Reach me at <a href="mailto:Anju@ICU-1111.com">Anju@ICU-1111.com</a>
  </p>

</div>

</body>
</html>


ICU-1111

ICU-1111 is intensive care for the SOUL.

Founded by ICU nurse and Mindset Strategist Anju Redheendran, we work with overfunctioning professionals — the workaholics, people-pleasers, and perfectionists — who are quietly falling apart behind a very convincing performance.

You handle everything. You always have. But somewhere between holding it all together and showing up for everyone else, you lost yourself.

This isn't mindset hacks. This is identity work. And it changes everything.

You matter even when you're not being useful to someone.