:root {
--primary: #599b8b;
--primary-dark: #417568;
--primary-light: #d7ebe6;
--bg: #f5fbf9;
--white: #ffffff;
--text: #2d2d2d;
--muted: #6f7b78;
--shadow: rgba(89, 155, 139, 0.15);
--gradient: linear-gradient(135deg, #599b8b 0%, #74b5a6 100%);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Inter', sans-serif;
background:
radial-gradient(circle at top left, rgba(89,155,139,0.12), transparent 35%),
radial-gradient(circle at bottom right, rgba(89,155,139,0.08), transparent 30%),
var(--bg);
color: var(--text);
line-height: 1.7;
padding: 20px;
overflow-x: hidden;
}
/* Floating Background Glow */
body::before,
body::after {
content: "";
position: fixed;
width: 300px;
height: 300px;
border-radius: 50%;
background: rgba(89,155,139,0.08);
z-index: -1;
filter: blur(50px);
animation: floatGlow 10s ease-in-out infinite alternate;
}
body::before {
top: -80px;
left: -80px;
}
body::after {
bottom: -100px;
right: -80px;
animation-delay: 2s;
}
@keyframes floatGlow {
from {
transform: translateY(0px) scale(1);
}
to {
transform: translateY(25px) scale(1.05);
}
}
.container {
max-width: 980px;
margin: auto;
}
.card {
background: rgba(255,255,255,0.85);
backdrop-filter: blur(18px);
border: 1px solid rgba(89,155,139,0.15);
border-radius: 28px;
padding: 50px 40px;
box-shadow:
0 15px 40px rgba(89,155,139,0.12),
0 5px 15px rgba(0,0,0,0.04);
animation: fadeUp 0.9s ease;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(89,155,139,0.1);
color: var(--primary);
padding: 10px 18px;
border-radius: 999px;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 25px;
animation: fadeUp 0.8s ease;
}
h1 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 15px;
color: var(--primary-dark);
letter-spacing: -1px;
animation: fadeUp 1s ease;
}
.intro {
font-size: 1.08rem;
color: var(--muted);
max-width: 700px;
margin-bottom: 40px;
animation: fadeUp 1.1s ease;
}
.section {
padding: 28px;
margin-bottom: 25px;
border-radius: 22px;
background: linear-gradient(
145deg,
rgba(255,255,255,0.9),
rgba(89,155,139,0.04)
);
border: 1px solid rgba(89,155,139,0.08);
transition: all 0.35s ease;
animation: fadeUp 1s ease;
}
.section:hover {
transform: translateY(-6px);
box-shadow: 0 10px 25px rgba(89,155,139,0.12);
border-color: rgba(89,155,139,0.2);
}
.section h2 {
display: flex;
align-items: center;
gap: 12px;
font-size: 1.35rem;
margin-bottom: 15px;
color: var(--primary-dark);
font-weight: 700;
}
.icon {
width: 46px;
height: 46px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
background: var(--gradient);
color: white;
font-size: 1.2rem;
box-shadow: 0 6px 15px rgba(89,155,139,0.25);
flex-shrink: 0;
}
p {
color: var(--muted);
font-size: 1rem;
}
ul {
margin-top: 15px;
padding-left: 20px;
}
ul li {
margin-bottom: 10px;
color: var(--muted);
transition: all 0.3s ease;
}
ul li:hover {
color: var(--primary-dark);
transform: translateX(3px);
}
.highlight-box {
background: var(--gradient);
color: white;
padding: 25px;
border-radius: 22px;
margin: 35px 0;
position: relative;
overflow: hidden;
box-shadow: 0 12px 30px rgba(89,155,139,0.25);
animation: fadeUp 1.2s ease;
}
.highlight-box::before {
content: "";
position: absolute;
top: -50px;
right: -50px;
width: 160px;
height: 160px;
background: rgba(255,255,255,0.08);
border-radius: 50%;
}
.highlight-box strong {
font-size: 1.08rem;
display: block;
margin-bottom: 8px;
}
.email-link {
display: inline-block;
margin-top: 12px;
color: white;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(255,255,255,0.5);
padding-bottom: 3px;
transition: all 0.3s ease;
}
.email-link:hover {
border-color: white;
transform: translateY(-1px);
}
footer {
text-align: center;
margin-top: 35px;
color: var(--muted);
font-size: 0.92rem;
animation: fadeUp 1.4s ease;
}
/* Smooth Reveal Animation */
.section {
opacity: 0;
transform: translateY(20px);
animation: reveal 0.8s forwards;
}
.section:nth-child(1) { animation-delay: 0.2s; }
.section:nth-child(2) { animation-delay: 0.4s; }
.section:nth-child(3) { animation-delay: 0.6s; }
.section:nth-child(4) { animation-delay: 0.8s; }
.section:nth-child(5) { 1s; }
@keyframes reveal {
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive */
@media (max-width: 768px) {
.card {
padding: 35px 22px;
}
h1 {
font-size: 2.2rem;
}
.section {
padding: 22px;
}
.section h2 {
font-size: 1.15rem;
}
.icon {
width: 40px;
height: 40px;
font-size: 1rem;
}
}
✨ Fast & Reliable Worldwide Delivery
Shipping Policy
Thank you for shopping with Elecsmart.shop. We are committed to delivering your orders quickly, safely, and efficiently with a smooth global shopping experience.
📦 Important Shipping Notice Orders are carefully processed and packed to ensure quality and accuracy before shipment.
📦
Processing Time
All orders are processed within 1–3 business days. Orders are not shipped or delivered on weekends or public holidays.
🚚
Shipping Time
Due to high demand, please allow up to 2 weeks for your order to arrive. While many orders arrive earlier, we aim to ensure every package is delivered safely and accurately.
Once your order has been shipped, you will receive a confirmation email with tracking details.
🌍
Shipping Locations
We currently ship worldwide. If you are unsure whether your location is supported, please contact our support team for confirmation.
📫
Shipping Rates
Shipping charges are calculated and displayed at checkout. Free shipping may be available for qualifying orders or promotional campaigns.
❗
Delays & Issues
Shipping delays may occasionally occur due to factors beyond our control, including:
If your order is delayed beyond 2 weeks, please contact us immediately and our support team will assist you.
💬 Need Help? If you have any questions regarding your shipment or tracking information, our support team is always here to help.
support@elecsmart.shop
© 2026 Elecsmart.shop — All Rights Reserved.
