Buy The Group Chat

Out now

The Group Chat

When friends are added to a mysterious group chat, disturbing videos of them being assaulted start appearing. They dismiss it as a sick joke… until the footage becomes reality.

They thought it was a joke.

It starts with a video from an unknown number. Then a deadline.

Read a sample on Amazon
Time To Atone Created by Unknown Number

Unknown Number added you

Unknown Number

What the fuck is this? Dave? DAVE?

LMAO! Quality stuff! It’s a deepfake mate 😂

That looked REAL. Not funny.

Unknown NumberYou have 24 hours to atone.

Books

Dark psychological thrillers about friendship, trauma and the darkness beneath ordinary lives.

Alex Golder-Wood author logo

About Alex

Alex Golder-Wood is a writer of dark psychological thrillers who currently resides in Derbyshire, where the grey skies provide the perfect backdrop for crafting tales of human complexity.

After years of wrestling with his own mental health demons and watching friends navigate similar battles, Alex channelled these experiences into his writing, creating stories that explore the shadows we all carry.

His debut novel, Shadows of the Green, draws from real experiences of friendship, trauma, and the unspoken struggles of masculinity. His work examines the darkness that lurks beneath ordinary lives, and the courage it takes to confront our deepest fears.

--transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); --transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } /* ===== RESET & BASE ===== */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); background-color: var(--bg-deep); color: var(--text-primary); overflow-x: hidden; line-height: 1.7; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } ul { list-style: none; } /* Custom Scrollbar */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: var(--bg-dark); } ::-webkit-scrollbar-thumb { background: var(--accent-green-dim); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--accent-green); } /* ===== SCROLL REVEAL ===== */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } /* ===== NAVIGATION ===== */ nav { position: fixed; top: 0; width: 100%; z-index: 1000; padding: 1.2rem 0; transition: var(--transition-smooth); background: transparent; } nav.scrolled { background: rgba(5, 5, 8, 0.92); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); padding: 0.8rem 0; border-bottom: 1px solid var(--border-subtle); } .nav-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 3rem; } .logo { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; letter-spacing: 4px; color: var(--text-primary); text-decoration: none; text-transform: uppercase; transition: var(--transition-smooth); } .logo:hover { color: var(--accent-green); } .nav-links { display: flex; gap: 2.5rem; } .nav-links a { font-family: var(--font-display); color: var(--text-secondary); text-decoration: none; font-weight: 500; font-size: 0.85rem; letter-spacing: 2px; text-transform: uppercase; transition: var(--transition-smooth); position: relative; } .nav-links a::before { content: ''; position: absolute; bottom: -8px; left: 0; width: 0; height: 2px; background: var(--accent-green); transition: width 0.3s ease; } .nav-links a:hover, .nav-links a.active { color: var(--text-primary); } .nav-links a:hover::before, .nav-links a.active::before { width: 100%; } .mobile-menu-toggle { display: none; background: none; border: none; color: var(--text-primary); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; transition: var(--transition-smooth); } .mobile-menu-toggle:hover { color: var(--accent-green); } /* ===== HERO SECTION ===== */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 8rem 2rem 4rem; position: relative; overflow: hidden; background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 212, 126, 0.08), transparent), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(255, 59, 92, 0.05), transparent), var(--bg-deep); } /* Animated background grid */ .hero::before { content: ''; position: absolute; top: 0; left: 0; width: 200%; height: 200%; background-image: linear-gradient(rgba(0, 212, 126, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 212, 126, 0.03) 1px, transparent 1px); background-size: 50px 50px; animation: gridMove 20s linear infinite; opacity: 0.5; } /* Grain texture overlay */ .hero::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"); pointer-events: none; z-index: 0; } @keyframes gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(-50px, -50px); } } .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; max-width: 1400px; align-items: center; position: relative; z-index: 1; } .hero-text { opacity: 0; animation: heroFadeIn 1s ease 0.3s forwards; } @keyframes heroFadeIn { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } .pre-title { font-family: var(--font-display); font-size: 0.85rem; letter-spacing: 4px; text-transform: uppercase; color: var(--accent-green); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; } .pre-title::before { content: ''; width: 40px; height: 2px; background: var(--accent-green); } .notification-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--accent-red); color: white; padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.7rem; font-weight: 600; animation: pulse 2s ease-in-out infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .hero-title { font-family: var(--font-display); font-size: clamp(3rem, 6vw, 5rem); font-weight: 800; line-height: 1.1; margin-bottom: 2rem; letter-spacing: -2px; } .hero-title .highlight { background: linear-gradient(135deg, var(--accent-green), #00ffaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* FIXED GLITCH EFFECT — no opaque backgrounds */ .glitch { position: relative; display: inline-block; } .glitch::before, .glitch::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .glitch::before { left: 2px; text-shadow: -2px 0 var(--accent-red); clip-path: inset(0 0 85% 0); animation: glitch-1 5s infinite linear alternate-reverse; } .glitch::after { left: -2px; text-shadow: -2px 0 var(--accent-green); clip-path: inset(85% 0 0 0); animation: glitch-2 5s infinite linear alternate-reverse; } @keyframes glitch-1 { 0% { clip-path: inset(10% 0 70% 0); } 10% { clip-path: inset(60% 0 10% 0); } 20% { clip-path: inset(40% 0 30% 0); } 30% { clip-path: inset(5% 0 75% 0); } 40% { clip-path: inset(50% 0 20% 0); } 50% { clip-path: inset(30% 0 45% 0); } 60% { clip-path: inset(70% 0 5% 0); } 70% { clip-path: inset(15% 0 60% 0); } 80% { clip-path: inset(65% 0 10% 0); } 90% { clip-path: inset(20% 0 55% 0); } 100%{ clip-path: inset(55% 0 20% 0); } } @keyframes glitch-2 { 0% { clip-path: inset(45% 0 30% 0); } 10% { clip-path: inset(20% 0 55% 0); } 20% { clip-path: inset(55% 0 20% 0); } 30% { clip-path: inset(30% 0 50% 0); } 40% { clip-path: inset(5% 0 70% 0); } 50% { clip-path: inset(50% 0 25% 0); } 60% { clip-path: inset(10% 0 65% 0); } 70% { clip-path: inset(45% 0 30% 0); } 80% { clip-path: inset(25% 0 50% 0); } 90% { clip-path: inset(0% 0 80% 0); } 100%{ clip-path: inset(65% 0 10% 0); } } .hero-description { font-size: 1.3rem; color: var(--text-secondary); line-height: 1.8; margin-bottom: 3rem; max-width: 500px; } .hero-cta { display: flex; gap: 1.5rem; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; gap: 0.8rem; padding: 1.1rem 2.5rem; background: var(--amazon-orange); color: #000; text-decoration: none; border-radius: 50px; font-family: var(--font-display); font-weight: 600; font-size: 0.95rem; letter-spacing: 1px; text-transform: uppercase; transition: var(--transition-bounce); border: none; cursor: pointer; position: relative; overflow: hidden; } .btn-primary::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 50%); opacity: 0; transition: opacity 0.3s ease; } .btn-primary:hover::before { opacity: 1; } .btn-primary:hover { background: var(--amazon-hover); transform: translateY(-3px); box-shadow: 0 15px 40px rgba(255, 153, 0, 0.3); } .btn-secondary { display: inline-flex; align-items: center; gap: 0.8rem; padding: 1.1rem 2.5rem; background: transparent; color: var(--text-primary); text-decoration: none; border-radius: 50px; font-family: var(--font-display); font-weight: 600; font-size: 0.95rem; letter-spacing: 1px; text-transform: uppercase; transition: var(--transition-smooth); border: 1px solid var(--border-subtle); } .btn-secondary:hover { border-color: var(--accent-green); color: var(--accent-green); background: rgba(0, 212, 126, 0.05); } /* Phone/Book Display */ .hero-visual { position: relative; display: flex; justify-content: center; opacity: 0; animation: heroFadeIn 1s ease 0.6s forwards; } .phone-frame { position: relative; width: 320px; height: 650px; background: linear-gradient(145deg, #1a1a2e, #0f0f1a); border-radius: 45px; padding: 12px; box-shadow: 0 50px 100px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 30px rgba(0, 0, 0, 0.5); transform: perspective(1000px) rotateY(-5deg) rotateX(2deg); transition: var(--transition-smooth); } .phone-frame:hover { transform: perspective(1000px) rotateY(0deg) rotateX(0deg); box-shadow: 0 50px 100px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.15), 0 0 60px rgba(0, 212, 126, 0.08), inset 0 0 30px rgba(0, 0, 0, 0.5); } .phone-screen { width: 100%; height: 100%; background: var(--bg-dark); border-radius: 35px; overflow: hidden; position: relative; } .phone-notch { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 150px; height: 30px; background: #000; border-radius: 0 0 20px 20px; z-index: 10; } .phone-content { padding: 50px 15px 15px; height: 100%; display: flex; flex-direction: column; } .chat-header { display: flex; align-items: center; gap: 12px; padding: 15px; background: var(--bg-elevated); border-radius: 15px; margin-bottom: 15px; } .chat-avatar { width: 45px; height: 45px; background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dim)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; color: #000; flex-shrink: 0; } .chat-info h4 { font-family: var(--font-display); font-size: 1rem; font-weight: 600; margin-bottom: 2px; } .chat-info span { font-size: 0.75rem; color: var(--text-muted); } .chat-messages { flex: 1; overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding: 10px 5px; } .message { max-width: 85%; padding: 12px 16px; border-radius: 18px; font-size: 0.9rem; line-height: 1.4; animation: messageIn 0.5s ease forwards; opacity: 0; } @keyframes messageIn { from { opacity: 0; transform: translateY(20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .message.received { background: var(--bg-elevated); color: var(--text-primary); border-bottom-left-radius: 4px; align-self: flex-start; } .message.sent { background: var(--accent-green-dim); color: #000; border-bottom-right-radius: 4px; align-self: flex-end; } .message.warning { background: rgba(255, 59, 92, 0.15); border: 1px solid var(--accent-red); color: var(--accent-red); align-self: center; text-align: center; font-size: 0.8rem; } .message:nth-child(1) { animation-delay: 1s; } .message:nth-child(2) { animation-delay: 1.5s; } .message:nth-child(3) { animation-delay: 2s; } .message:nth-child(4) { animation-delay: 2.5s; } .message:nth-child(5) { animation-delay: 3s; } .typing-indicator { display: flex; gap: 4px; padding: 15px 18px; background: var(--bg-elevated); border-radius: 18px; width: fit-content; animation: messageIn 0.5s ease 3.5s forwards; opacity: 0; } .typing-indicator span { width: 8px; height: 8px; background: var(--text-muted); border-radius: 50%; animation: typing 1.4s ease-in-out infinite; } .typing-indicator span:nth-child(2) { animation-delay: 0.2s; } .typing-indicator span:nth-child(3) { animation-delay: 0.4s; } @keyframes typing { 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; } 30% { transform: translateY(-8px); opacity: 1; } } /* Book cover floating behind phone */ .floating-cover { position: absolute; width: 220px; right: -60px; top: 50%; transform: translateY(-50%) rotate(8deg); opacity: 0; animation: floatIn 1s ease 1s forwards; z-index: -1; } @keyframes floatIn { from { opacity: 0; transform: translateY(-50%) rotate(8deg) translateX(50px); } to { opacity: 0.8; transform: translateY(-50%) rotate(8deg) translateX(0); } } .floating-cover img { width: 100%; border-radius: 8px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6); } /* ===== BOOKS SECTION ===== */ .books-section { padding: 8rem 2rem; background: var(--bg-dark); position: relative; } .books-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to bottom, var(--bg-deep), transparent); pointer-events: none; } .section-container { max-width: 1200px; margin: 0 auto; } .section-header { text-align: center; margin-bottom: 5rem; } .section-label { font-family: var(--font-display); font-size: 0.8rem; letter-spacing: 4px; text-transform: uppercase; color: var(--accent-green); margin-bottom: 1rem; } .section-title { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -1px; } .books-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .book-card { background: var(--bg-card); border-radius: 24px; overflow: hidden; border: 1px solid var(--border-subtle); transition: var(--transition-smooth); display: grid; grid-template-columns: 200px 1fr; } .book-card:hover { transform: translateY(-8px); border-color: var(--border-glow); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 212, 126, 0.05); } .book-cover-wrapper { position: relative; aspect-ratio: 0.65; overflow: hidden; cursor: pointer; } .book-cover-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .book-card:hover .book-cover-wrapper img { transform: scale(1.05); } .book-cover-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: var(--transition-smooth); } .book-cover-wrapper:hover .book-cover-overlay { opacity: 1; } .book-cover-overlay span { font-family: var(--font-display); font-size: 0.8rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--amazon-orange); padding: 0.8rem 1.5rem; border: 1px solid var(--amazon-orange); border-radius: 30px; transition: var(--transition-smooth); } .book-cover-wrapper:hover .book-cover-overlay span { background: rgba(255, 153, 0, 0.1); } .book-details { padding: 2rem; display: flex; flex-direction: column; } .book-badge { display: inline-block; font-family: var(--font-display); font-size: 0.7rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 0.4rem 1rem; border-radius: 20px; width: fit-content; margin-bottom: 1rem; } .book-badge.available { background: rgba(0, 212, 126, 0.1); color: var(--accent-green); border: 1px solid var(--accent-green); } .book-title { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; letter-spacing: -0.5px; } .book-description { color: var(--text-secondary); font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.5rem; flex: 1; } .book-link { display: inline-flex; align-items: center; gap: 0.6rem; font-family: var(--font-display); font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--amazon-orange); text-decoration: none; transition: var(--transition-smooth); } .book-link:hover { gap: 1rem; } .book-link svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .book-link:hover svg { transform: translateX(5px); } /* ===== ABOUT SECTION ===== */ .about-section { padding: 8rem 2rem; background: var(--bg-deep); position: relative; } .about-content { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 300px 1fr; gap: 5rem; align-items: center; } .author-visual { position: relative; } .author-logo-wrapper { position: relative; width: 280px; height: 280px; margin: 0 auto; } .author-logo-ring { position: absolute; inset: -10px; border: 2px solid var(--border-subtle); border-radius: 50%; animation: spin 20s linear infinite; } .author-logo-ring::before { content: ''; position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; background: var(--accent-green); border-radius: 50%; box-shadow: 0 0 20px var(--accent-green-glow); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .author-logo { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: var(--bg-card); padding: 20px; border: 1px solid var(--border-subtle); } .author-logo img { width: 100%; height: 100%; object-fit: contain; } .author-info h2 { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; margin-bottom: 2rem; letter-spacing: -1px; } .author-bio { color: var(--text-secondary); font-size: 1.15rem; line-height: 1.9; } .author-bio p { margin-bottom: 1.5rem; } .social-links { display: flex; gap: 1rem; margin-top: 2.5rem; } .social-link { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.5rem; background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: 30px; color: var(--text-primary); text-decoration: none; font-family: var(--font-display); font-size: 0.85rem; font-weight: 500; transition: var(--transition-smooth); } .social-link:hover { border-color: var(--accent-green); color: var(--accent-green); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } /* ===== NEWSLETTER SECTION ===== */ .newsletter-section { padding: 8rem 2rem; background: var(--bg-dark); position: relative; overflow: hidden; } .newsletter-section::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(0, 212, 126, 0.08), transparent 70%); pointer-events: none; } .newsletter-container { max-width: 700px; margin: 0 auto; text-align: center; position: relative; z-index: 1; } .newsletter-icon { width: 80px; height: 80px; margin: 0 auto 2rem; background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dim)); border-radius: 24px; display: flex; align-items: center; justify-content: center; animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .newsletter-icon svg { width: 40px; height: 40px; color: #000; } .newsletter-title { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 1rem; letter-spacing: -1px; } .newsletter-title .highlight { background: linear-gradient(135deg, var(--accent-green), #00ffaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .newsletter-description { color: var(--text-secondary); font-size: 1.2rem; line-height: 1.7; margin-bottom: 3rem; } /* Chat-styled form */ .chat-form-wrapper { background: var(--bg-card); border-radius: 24px; padding: 2rem; border: 1px solid var(--border-subtle); text-align: left; transition: var(--transition-smooth); } .chat-form-wrapper:hover { border-color: rgba(0, 212, 126, 0.15); } .chat-form-header { display: flex; align-items: center; gap: 12px; margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border-subtle); } .chat-form-avatar { width: 45px; height: 45px; background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dim)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: #000; font-family: var(--font-display); flex-shrink: 0; } .chat-form-info h4 { font-family: var(--font-display); font-size: 1rem; font-weight: 600; margin-bottom: 2px; } .chat-form-info span { font-size: 0.8rem; color: var(--text-muted); } .status-dot { width: 8px; height: 8px; background: var(--accent-green); border-radius: 50%; margin-left: auto; animation: blink 2s infinite; flex-shrink: 0; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } } #mc_embed_signup { background: transparent !important; } #mc_embed_signup form { padding: 0 !important; } .form-message { background: var(--bg-elevated); padding: 15px 18px; border-radius: 18px 18px 18px 4px; margin-bottom: 1.5rem; font-size: 1rem; color: var(--text-secondary); } #mc_embed_signup .mc-field-group { padding-bottom: 1.5rem !important; } #mc_embed_signup .mc-field-group label { display: none !important; } #mc_embed_signup input[type="email"] { width: 100% !important; padding: 1rem 1.5rem !important; font-size: 1rem !important; background: var(--bg-elevated) !important; border: 1px solid var(--border-subtle) !important; border-radius: 30px !important; color: var(--text-primary) !important; font-family: var(--font-display) !important; transition: var(--transition-smooth) !important; } #mc_embed_signup input[type="email"]:focus { outline: none !important; border-color: var(--accent-green) !important; box-shadow: 0 0 0 3px var(--accent-green-glow) !important; } #mc_embed_signup input[type="email"]::placeholder { color: var(--text-muted); } #mc_embed_signup .indicates-required { display: none; } #mc_embed_signup .button { background: linear-gradient(135deg, var(--accent-green), var(--accent-green-dim)) !important; color: #000 !important; border: none !important; padding: 1rem 2.5rem !important; font-size: 0.95rem !important; font-weight: 700 !important; border-radius: 30px !important; cursor: pointer !important; transition: var(--transition-bounce) !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-family: var(--font-display) !important; width: 100% !important; margin: 0 !important; } #mc_embed_signup .button:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 40px var(--accent-green-glow) !important; } #mc_embed_signup .clear { width: 100%; } #mc_embed_signup .optionalParent { display: none; } .privacy-note { margin-top: 1.5rem; font-size: 0.85rem; color: var(--text-muted); text-align: center; } /* ===== CONTACT SECTION ===== */ .contact-section { padding: 6rem 2rem; background: var(--bg-deep); text-align: center; } .contact-container { max-width: 600px; margin: 0 auto; } .contact-title { font-family: var(--font-display); font-size: 2rem; font-weight: 700; margin-bottom: 1rem; } .contact-description { color: var(--text-secondary); font-size: 1.1rem; margin-bottom: 2rem; } .contact-email { display: inline-flex; align-items: center; gap: 0.8rem; font-family: var(--font-display); font-size: 1.3rem; color: var(--accent-green); text-decoration: none; transition: var(--transition-smooth); padding: 0.5rem 0; position: relative; } .contact-email::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: var(--accent-green); transition: width 0.3s ease; } .contact-email:hover { color: var(--text-primary); } .contact-email:hover::after { width: 100%; } /* ===== FOOTER ===== */ footer { padding: 3rem 2rem; background: var(--bg-card); border-top: 1px solid var(--border-subtle); text-align: center; } .footer-content { max-width: 1200px; margin: 0 auto; } .footer-copyright { color: var(--text-muted); font-size: 0.9rem; } /* ===== RESPONSIVE ===== */ @media (max-width: 1024px) { .hero-content { grid-template-columns: 1fr; gap: 4rem; text-align: center; } .hero-text { order: 2; } .hero-visual { order: 1; } .pre-title { justify-content: center; } .hero-description { max-width: 100%; margin: 0 auto 3rem; } .hero-cta { justify-content: center; } .phone-frame { width: 280px; height: 570px; transform: none; } .floating-cover { display: none; } .books-grid { grid-template-columns: 1fr; } .book-card { grid-template-columns: 160px 1fr; } .about-content { grid-template-columns: 1fr; text-align: center; gap: 3rem; } .author-logo-wrapper { width: 220px; height: 220px; } .social-links { justify-content: center; } } @media (max-width: 768px) { .nav-container { padding: 0 1.5rem; } .nav-links { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: rgba(5, 5, 8, 0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); flex-direction: column; padding: 6rem 2rem 3rem; gap: 2rem; transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 999; } .nav-links.active { left: 0; } .nav-links a { font-size: 1.2rem; letter-spacing: 3px; } .mobile-menu-toggle { display: block; z-index: 1001; } .hero { padding: 7rem 1.5rem 4rem; } .hero-title { font-size: 2.5rem; } .hero-description { font-size: 1.1rem; } .btn-primary, .btn-secondary { padding: 1rem 2rem; font-size: 0.85rem; width: 100%; justify-content: center; } .phone-frame { width: 260px; height: 530px; } .book-card { grid-template-columns: 1fr; } .book-cover-wrapper { aspect-ratio: 1.5; } .book-cover-wrapper img { object-fit: contain; background: var(--bg-elevated); } .book-details { padding: 1.5rem; } .section-title { font-size: 1.8rem; } .newsletter-title { font-size: 1.8rem; } .chat-form-wrapper { padding: 1.5rem; } .social-links { flex-wrap: wrap; } .social-link { flex: 1; min-width: 140px; justify-content: center; } } @media (max-width: 480px) { .hero-title { font-size: 2rem; } .phone-frame { width: 240px; height: 490px; } .chat-header { padding: 10px; } .chat-avatar { width: 35px; height: 35px; font-size: 1rem; } .message { font-size: 0.8rem; padding: 10px 14px; } .author-info h2 { font-size: 2rem; } .author-bio { font-size: 1rem; } } /* Skip link */ .skip-link { position: absolute; top: -40px; left: 0; background: var(--accent-green); color: #000; padding: 8px 16px; text-decoration: none; z-index: 100; font-family: var(--font-display); } .skip-link:focus { top: 0; } /* Print styles */ @media print { nav, footer, .social-links, .book-link, .newsletter-section { display: none; } body { background: white; color: black; } }
New Release ● Out Now

The Group Chat

When friends are added to a mysterious group chat, disturbing videos of them being assaulted start appearing. They dismiss it as a sick joke... until the footage becomes reality.

?

Time To Atone

Unknown Number • 5 added
⚠️ [Unknown Number] sent a video
What the fuck is this? Dave? DAVE?
LMAO! Quality stuff! It's a deepfake mate 😂
That looked REAL. Not funny.
You have 24 hours to atone.

Explore the Collection

Shadows of the Green book cover
View on Amazon
Available Now

Shadows of the Green

One phone call. A desperate mother. A friend gone missing. Jay thought he'd escaped The Green, but some shadows follow you forever...

Buy on Amazon
False Alarm book cover
View on Amazon
Available Now

False Alarm

Some dangers hide in plain sight. When James meets Melissa, he sees a second chance at happiness. But his best friend sees something else entirely...

Buy on Amazon

About the Author

Alex Golder-Wood is a writer of dark psychological thrillers who currently resides in Derbyshire, where the grey skies provide the perfect backdrop for crafting tales of human complexity.

After years of wrestling with his own mental health demons and watching friends navigate similar battles, Alex channeled these experiences into his writing, creating stories that explore the shadows we all carry.

His debut novel 'Shadows of the Green' draws from real experiences of friendship, trauma, and the unspoken struggles of masculinity. His work examines the darkness that lurks beneath ordinary lives, and the courage it takes to confront our deepest fears.

Get in Touch

For inquiries, collaborations, or just to say hello

alexgwauthor@gmail.com