送信者: "cherrypop.ai" <hello@cherrypop.ai>
宛先: carljhonson@withoutemail.com
日付: 2026-09-14T04:00:08.000Z
Verify Your Account
/* Color Variables */
:root {
--gray-950: #030712;
--gray-900: #101828;
--gray-400: #99A1AF;
--gray-300: #D1D5DC;
--cherry-500: #F53E3E;
}
body {
margin: 0;
padding: 0;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #030712;
color: #ffffff;
}
* {
box-sizing: border-box;
}
/* Email Wrapper */
.email-wrapper {
width: 100%;
min-height: 100vh;
background-color: #030712;
padding: 60px 20px;
display: flex;
justify-content: center;
align-items: center;
}
/* Main Container */
.email-container {
max-width: 568px;
width: 100%;
margin: 0 auto;
}
/* Content Card */
.content-card {
background-color: #030712;
border: 1px solid #101828;
border-radius: 24px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 40px;
}
/* Logo Header */
.logo-header {
background: linear-gradient(135deg, #F53E3E 0%, #FD6C6C 100%);
border: 1px solid #1e2939;
border-radius: 20px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.logo-content {
display: flex;
align-items: center;
gap: 6px;
position: relative;
z-index: 2;
}
.logo-text {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: normal;
color: #FFFFFF;
letter-spacing: -0.6px;
margin: 0;
}
/* Main Content Section */
.main-content {
background-color: rgba(16, 24, 40, 0.5);
border: 1px solid #101828;
border-radius: 20px;
padding: 40px 20px;
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}
/* Verification Section */
.verification-section {
display: flex;
flex-direction: column;
gap: 50px;
align-items: center;
width: 100%;
}
.verification-label {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
text-align: center;
margin: 0;
}
/* OTP Code Display */
.otp-code-container {
display: flex;
gap: 40px;
align-items: center;
justify-content: center;
}
.otp-digit {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 60px;
color: #FFFFFF;
letter-spacing: -0.96px;
margin: 0;
}
.otp-digit-single {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 60px;
color: #FFFFFF;
letter-spacing: 20px;
margin: 0;
text-align: center;
}
/* Expiry Badge */
.expiry-badge {
background-color: rgba(71, 8, 8, 0.5);
border: 1px solid #821a1a;
border-radius: 10px;
padding: 10px 20px;
display: inline-flex;
gap: 4px;
align-items: center;
}
.expiry-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #99A1AF;
margin: 0;
}
.expiry-time {
font-family: 'Inter', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #F53E3E;
margin: 0;
}
/* Security Section */
.security-section {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
align-items: center;
text-align: center;
}
.security-row {
display: flex;
gap: 6px;
align-items: center;
justify-content: center;
}
.security-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #D1D5DC;
margin: 0;
}
.support-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #D1D5DC;
margin: 0;
}
.support-link {
font-family: 'Inter', sans-serif;
font-weight: 700;
color: #3880ff;
text-decoration: none;
}
/* Divider */
.divider {
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent 0%, rgba(245, 62, 62, 0.2) 50%, transparent 100%);
}
/* Footer Section */
.footer-section {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
align-items: center;
}
.footer-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #D1D5DC;
text-align: center;
margin: 0;
}
.brand-name {
font-family: 'Inter', sans-serif;
font-weight: 700;
color: #F53E3E;
}
.footer-row {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.footer-dot {
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #D1D5DC;
}
/* Responsive */
@media only screen and (max-width: 600px) {
.email-wrapper {
padding: 40px 16px;
}
.content-card {
padding: 16px;
gap: 30px;
}
.main-content {
padding: 30px 16px;
gap: 30px;
}
.otp-code-container {
gap: 20px;
}
.otp-digit,
.otp-digit-single {
font-size: 36px;
line-height: 48px;
}
.otp-digit-single {
letter-spacing: 12px;
}
.verification-label {
font-size: 20px;
line-height: 28px;
}
}
🍒
Cherrypop.ai
Your verification code is:
266960
Expires in
30 Minutes
🔒
Never share this verification code with anyone.
Need help? Contact our support team at support@cherrypop.ai
This email was sent to (carljhonson@withoutemail.com).
If you didn't request this login, please ignore this email.
©️ 2025 Cherrypop.ai
•
All rights reserved.