
      
    


      
     


      {} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --ink: #0b1512; --ink-soft: #2e3d38; --accent: #0f3630; --accent-light: #1d5c52; --teal: #3d9e8a; --teal-light: #62bfac; --white: #ffffff; --ff-display: 'Cormorant Garamond', Georgia, serif; --ff-body: 'Inter', system-ui, sans-serif; } body { font-family: var(--ff-body); background: var(--accent); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; position: relative; overflow: hidden; } .bg-glow { position: absolute; bottom: -10%; left: 50%; transform: translateX(-50%); width: 600px; height: 400px; background: radial-gradient(ellipse, rgba(61,158,138,0.18) 0%, transparent 70%); pointer-events: none; } .card { text-align: center; max-width: 480px; width: 100%; position: relative; z-index: 1; } .book-img { width: 160px; height: 240px; object-fit: cover; box-shadow: 12px 20px 45px rgba(0,0,0,0.55), 3px 5px 12px rgba(0,0,0,0.3); border-radius: 2px; margin-bottom: 2rem; transform: rotate(-1deg); } .eyebrow { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.25em; text-transform: uppercase; color: var(--teal-light); margin-bottom: 0.75rem; opacity: 0.85; } .headline { font-family: var(--ff-display); font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 300; line-height: 1.2; color: var(--white); margin-bottom: 0.75rem; } .headline em { font-style: italic; color: var(--teal-light); } .subline { font-size: 0.92rem; font-weight: 300; color: rgba(255,255,255,0.55); line-height: 1.75; margin-bottom: 2.5rem; max-width: 38ch; margin-left: auto; margin-right: auto; } .btn-amazon { display: block; width: 100%; padding: 1rem 2.5rem; background: var(--teal); color: var(--white); font-family: var(--ff-body); font-size: 0.82rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; transition: background 0.2s, transform 0.15s; } .btn-amazon:hover { background: var(--teal-light); color: var(--ink); transform: translateY(-1px); } 

