Home
* { box-sizing: border-box; margin: 0; padding: 0; }
.hero {
font-family: 'Inter', sans-serif;
background: linear-gradient(135deg, #0f1f5c 0%, #1a3a8f 40%, #1e1b6e 100%);
border-radius: 20px;
overflow: hidden;
width: 100%;
min-height: 560px;
display: flex;
align-items: stretch;
position: relative;
}
/* Background glow orbs */
.hero::before {
content: '';
position: absolute;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(99,139,255,0.35) 0%, transparent 70%);
top: -100px; left: -100px;
pointer-events: none;
z-index: 0;
}
.hero::after {
content: '';
position: absolute;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(120,80,255,0.25) 0%, transparent 70%);
bottom: -100px; right: 5%;
pointer-events: none;
z-index: 0;
}
/* dot grid */
.dot-grid {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
z-index: 0;
}
.hero-left {
flex: 0 0 50%;
padding: 80px 40px 80px 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 10;
}
/* Glass badge */
.badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(255,255,255,0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.2);
color: #c7d8ff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
padding: 6px 14px;
border-radius: 100px;
margin-bottom: 22px;
width: fit-content;
}
.badge .dot {
width: 7px; height: 7px;
background: #5eead4;
border-radius: 50%;
animation: blink 1.8s infinite;
box-shadow: 0 0 6px #5eead4;
}
@keyframes blink {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.7); }
}
.hero-title {
font-size: clamp(34px, 4vw, 56px);
font-weight: 900;
color: #ffffff;
line-height: 1.08;
letter-spacing: -0.03em;
margin-bottom: 18px;
}
.hero-title .blue {
background: linear-gradient(90deg, #7eb3ff, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hero-desc {
font-size: 15px;
color: rgba(200,215,255,0.8);
line-height: 1.75;
margin-bottom: 36px;
max-width: 400px;
}
.cta-row {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.btn-main {
background: linear-gradient(135deg, #4f7cf7, #7c3aed);
color: #fff !important;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 14px 28px;
border-radius: 100px;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 9px;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
box-shadow: 0 8px 28px rgba(79,124,247,0.45);
position: relative;
overflow: hidden;
}
.btn-main::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
border-radius: 100px;
pointer-events: none;
}
.btn-main,
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main:visited {
color: #fff !important;
text-decoration: none !important;
}
.btn-main:hover {
transform: translateY(-2px);
box-shadow: 0 12px 36px rgba(79,124,247,0.55);
filter: brightness(1.1);
}
.btn-main svg,
.btn-main:hover svg,
.btn-main:focus svg {
stroke: #fff !important;
}
.btn-ghost {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 600;
color: rgba(200,215,255,0.85) !important;
background: none;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none !important;
transition: color 0.2s;
}
.btn-ghost:hover { color: #fff !important; }
/* Stats row */
.stats-row {
display: flex;
gap: 0;
margin-top: 40px;
flex-wrap: wrap;
align-items: stretch;
background: rgba(255,255,255,0.07);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 14px;
overflow: hidden;
width: fit-content;
}
.stat {
padding: 14px 24px;
text-align: center;
}
.stat .n {
font-size: 22px;
font-weight: 800;
color: #fff;
line-height: 1;
}
.stat .l {
font-size: 11px;
color: rgba(180,200,255,0.65);
font-weight: 500;
margin-top: 4px;
white-space: nowrap;
}
.stat-sep {
width: 1px;
background: rgba(255,255,255,0.1);
align-self: stretch;
}
/* RIGHT SIDE */
.hero-right {
flex: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
/* Glow behind image */
.img-glow {
position: absolute;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(99,139,255,0.45) 0%, transparent 70%);
top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
}
.hero-img-wrap {
position: relative;
z-index: 2;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.hero-img-wrap img {
width: 125%;
max-width: 850px;
height: auto;
object-fit: contain;
display: block;
filter: drop-shadow(0 30px 60px rgba(0,0,0,0.5));
transform: translateX(-8%);
pointer-events: auto;
}
/* Glass floating cards */
.fc {
position: absolute;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 14px;
padding: 10px 15px;
display: flex;
align-items: center;
gap: 10px;
z-index: 10;
box-shadow: 0 12px 32px rgba(0,0,0,0.25);
}
.fc.top { top: 40px; right: 40px; }
.fc.bot { bottom: 60px; left: 10%; }
.fc-icon {
width: 34px; height: 34px;
border-radius: 9px;
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.fc-icon.b { background: rgba(99,139,255,0.25); }
.fc-icon.g { background: rgba(52,211,153,0.2); }
.fc-t1 { font-size: 12px; font-weight: 700; color: #fff; line-height: 1.2; }
.fc-t2 { font-size: 10px; color: rgba(200,220,255,0.7); margin-top: 2px; }
/* RESPONSIVE */
@media (max-width: 1100px) {
.hero-left { padding: 60px 30px 60px 40px; }
.hero-img-wrap img { width: 140%; transform: translateX(-15%); }
}
@media (max-width: 768px) {
.hero { flex-direction: column; min-height: auto; border-radius: 16px; }
.hero-left { flex: none; padding: 40px 24px 20px; text-align: center; align-items: center; }
.hero-desc { text-align: center; }
.cta-row { justify-content: center; }
.hero-right { flex: none; padding: 20px 0 60px; min-height: 320px; }
.fc.top { top: -10px; right: 20px; }
.fc.bot { bottom: 20px; left: 20px; }
.hero-title { font-size: 32px; }
.stats-row { width: 100%; }
.stat { flex: 1; padding: 12px; }
.hero-img-wrap img { width: 95%; transform: translateX(0); max-width: 500px; }
}
@media (max-width: 480px) {
.hero-title { font-size: 28px; }
.hero-desc { font-size: 14px; margin-bottom: 24px; }
.btn-main { font-size: 14px; padding: 12px 20px; }
.stat .n { font-size: 18px; }
}
Brand New Tech.
Only for Employees
Brand New Tech.
Up to 30% Off.
Just for You.
Smartphones, laptops & accessories — at exclusive prices reserved for company employees. Log in with your Employee ID to unlock your deals.
30%
Max Discount
200+
Products
100%
Genuine
COD
Available
Employee Exclusive
Up to 30% OFF
Official Warranty
All Products Verified
.trust-bar {
background: #ffffff;
border: 1.5px solid #e8eaf0;
border-radius: 16px;
padding: 24px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
box-shadow: 0 4px 24px rgba(30,40,90,0.07);
flex-wrap: wrap;
font-family: 'DM Sans', sans-serif;
}
.trust-item {
display: flex; align-items: center; gap: 14px;
flex: 1 1 200px; padding: 12px 14px; border-radius: 12px;
transition: background 0.2s ease, transform 0.2s ease;
}
.trust-item:hover { background: #f4f6ff; transform: translateY(-2px); }
.trust-divider { width: 1.5px; height: 52px; background: linear-gradient(to bottom, transparent, #d0d5e8, transparent); flex-shrink: 0; }
.trust-icon { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #3b5bdb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #fff; transition: background 0.2s; }
.trust-item:hover .trust-icon { background: #3b5bdb; }
.trust-item:hover .trust-icon svg { stroke: #fff; }
.trust-icon svg { stroke: #3b5bdb; transition: stroke 0.2s; }
.trust-label { font-size: 11px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: #3b5bdb; margin-bottom: 3px; }
.trust-title { font-size: 16px; font-weight: 800; color: #1a1f36; line-height: 1.25; }
@media (max-width: 768px) {
.trust-bar { padding: 20px; gap: 10px; }
.trust-divider { display: none; }
.trust-item { flex: 1 1 calc(50% - 16px); min-width: 150px; padding: 14px 12px; border: 1.5px solid #e8eaf0; border-radius: 12px; }
.trust-item:hover { transform: none; }
}
@media (max-width: 480px) {
.trust-bar { padding: 16px; gap: 10px; }
.trust-item { flex: 1 1 100%; }
.trust-title { font-size: 15px; }
.trust-icon { width: 46px; height: 46px; }
}
Browse By Brands
.epp2 * { box-sizing: border-box; font-family: 'Inter', sans-serif; }
.epp2 {
background: linear-gradient(135deg, #0f1f5c 0%, #1a3a8f 45%, #1e1b6e 100%);
border-radius: 20px;
padding: 64px 56px;
position: relative;
overflow: hidden;
width: 100%;
}
.epp2::before {
content: '';
position: absolute;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(99,139,255,0.25) 0%, transparent 70%);
top: -120px; right: -80px;
pointer-events: none;
}
.epp2-dots {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}
/* ── Layout: left text + right visual ── */
.epp2-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 2;
}
/* ── LEFT: Text ── */
.epp2-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.18);
color: #c7d8ff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 100px;
margin-bottom: 20px;
}
.epp2-badge .epp2-dot {
width: 6px; height: 6px;
background: #5eead4;
border-radius: 50%;
box-shadow: 0 0 6px #5eead4;
animation: epp2-blink 1.8s infinite;
}
@keyframes epp2-blink {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.3; transform: scale(0.6); }
}
.epp2-title {
font-size: clamp(26px, 3vw, 38px);
font-weight: 900;
color: #fff;
line-height: 1.1;
letter-spacing: -0.03em;
margin-bottom: 16px;
}
.epp2-title span {
background: linear-gradient(90deg, #7eb3ff, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.epp2-desc {
font-size: 15px;
color: rgba(200,215,255,0.7);
line-height: 1.75;
margin-bottom: 32px;
max-width: 400px;
}
.epp2-desc strong {
color: #fff;
font-weight: 700;
}
.epp2-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #4f7cf7, #7c3aed);
color: #fff !important;
font-size: 14px;
font-weight: 700;
padding: 13px 26px;
border-radius: 100px;
text-decoration: none !important;
box-shadow: 0 8px 24px rgba(79,124,247,0.4);
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
position: relative;
overflow: hidden;
border: none;
cursor: pointer;
}
.epp2-btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
border-radius: 100px;
pointer-events: none;
}
.epp2-btn,
.epp2-btn:hover,
.epp2-btn:focus,
.epp2-btn:active,
.epp2-btn:visited {
color: #fff !important;
text-decoration: none !important;
}
.epp2-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(79,124,247,0.55);
filter: brightness(1.1);
}
.epp2-btn svg,
.epp2-btn:hover svg,
.epp2-btn:focus svg {
stroke: #fff !important;
}
/* ── RIGHT: Visual flow ── */
.epp2-visual {
display: flex;
flex-direction: column;
gap: 12px;
}
.epp2-step {
display: flex;
align-items: center;
gap: 16px;
background: rgba(255,255,255,0.05);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 14px;
padding: 16px 20px;
opacity: 0;
transform: translateX(20px);
animation: epp2-slide 0.5s ease forwards;
transition: background 0.3s ease, transform 0.3s ease;
}
.epp2-step:hover {
background: rgba(255,255,255,0.09);
transform: translateX(-3px);
}
.epp2-step:nth-child(1) { animation-delay: 0.1s; }
.epp2-step:nth-child(2) { animation-delay: 0.2s; }
.epp2-step:nth-child(3) { animation-delay: 0.3s; }
.epp2-step:nth-child(4) { animation-delay: 0.4s; }
@keyframes epp2-slide {
to { opacity: 1; transform: translateX(0); }
}
.epp2-step-icon {
width: 44px; height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.epp2-step-icon.c1 { background: rgba(99,139,255,0.2); border: 1px solid rgba(99,139,255,0.3); }
.epp2-step-icon.c2 { background: rgba(167,139,250,0.2); border: 1px solid rgba(167,139,250,0.3); }
.epp2-step-icon.c3 { background: rgba(79,124,247,0.2); border: 1px solid rgba(79,124,247,0.35); }
.epp2-step-icon.c4 { background: rgba(52,211,153,0.15); border: 1px solid rgba(52,211,153,0.25); }
.epp2-step-text .t1 {
font-size: 13px;
font-weight: 700;
color: #fff;
line-height: 1.2;
margin-bottom: 2px;
}
.epp2-step-text .t2 {
font-size: 12px;
color: rgba(180,200,255,0.55);
line-height: 1.4;
}
/* Arrow between steps */
.epp2-arrow {
display: flex;
align-items: center;
padding-left: 38px;
}
.epp2-arrow-line {
width: 2px;
height: 10px;
background: linear-gradient(to bottom, rgba(126,179,255,0.5), rgba(167,139,250,0.3));
border-radius: 2px;
}
/* Price pill on last card */
.epp2-price-pill {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 4px;
background: rgba(52,211,153,0.12);
border: 1px solid rgba(52,211,153,0.25);
border-radius: 100px;
padding: 3px 10px;
font-size: 11px;
font-weight: 700;
color: #6ee7b7;
white-space: nowrap;
flex-shrink: 0;
}
.epp2-strikethrough {
text-decoration: line-through;
opacity: 0.5;
margin-right: 2px;
}
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
.epp2-inner { grid-template-columns: 1fr; gap: 36px; }
.epp2 { padding: 48px 24px; }
.epp2-desc { max-width: 100%; }
}
@media (max-width: 480px) {
.epp2-title { font-size: 24px; }
.epp2 { padding: 40px 20px; }
}
EPP — Employee Purchase Program
Why You Get It at 30% Less Than Everyone Else
Top brands like Apple, Samsung & Dell have a secret pricing channel for employees of their partner companies — called EPP. It's the same brand-new product, same warranty, just at a price the general public never sees.
VGOO.in is an authorised EPP fulfilment partner. We pass that discount directly to you — because you've earned it.
Brand sets an EPP price
Exclusively for verified employees of partner companies
Your employer signs the EPP deal
A corporate agreement that unlocks discounted pricing for employees
VGOO verifies you're an employee
We check your Employee ID — then activate your account
You buy at the EPP price
Brand new, full warranty — up to 30% off market price
₹1,00,000 ₹70,000
Hurry Up Deals
Offer ends is:
00DAYS00HOUR00MIN00SEC
Hurry Up Deals
.hiw-section * { box-sizing: border-box; font-family: 'Inter', sans-serif; }
.hiw-section {
background: linear-gradient(135deg, #0f1f5c 0%, #1a3a8f 45%, #1e1b6e 100%);
border-radius: 20px;
padding: 80px 60px;
position: relative;
overflow: hidden;
width: 100%;
}
.hiw-section::before {
content: '';
position: absolute;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(99,139,255,0.3) 0%, transparent 70%);
top: -150px; right: -100px;
pointer-events: none;
}
.hiw-section::after {
content: '';
position: absolute;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(120,80,255,0.2) 0%, transparent 70%);
bottom: -100px; left: -80px;
pointer-events: none;
}
.hiw-dots {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}
.hiw-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.hiw-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(255,255,255,0.1);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.18);
color: #c7d8ff;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 100px;
margin-bottom: 20px;
}
.hiw-badge .hiw-dot {
width: 6px; height: 6px;
background: #5eead4;
border-radius: 50%;
box-shadow: 0 0 6px #5eead4;
animation: hiw-blink 1.8s infinite;
}
@keyframes hiw-blink {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.3; transform: scale(0.7); }
}
.hiw-title {
font-family: 'Inter', sans-serif;
font-size: clamp(28px, 3.5vw, 44px);
font-weight: 900;
color: #fff;
letter-spacing: -0.03em;
line-height: 1.1;
margin-bottom: 14px;
}
.hiw-title span {
font-family: 'Inter', sans-serif;
background: linear-gradient(90deg, #7eb3ff, #a78bfa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.hiw-subtitle {
font-family: 'Inter', sans-serif;
font-size: 15px;
color: rgba(200,215,255,0.7);
line-height: 1.7;
max-width: 480px;
margin: 0 auto;
}
.hiw-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
position: relative;
z-index: 2;
}
.hiw-grid::before {
content: '';
position: absolute;
top: 54px;
left: calc(12.5% + 10px);
right: calc(12.5% + 10px);
height: 2px;
background: linear-gradient(90deg, rgba(126,179,255,0.5), rgba(167,139,250,0.5), rgba(126,179,255,0.5), rgba(167,139,250,0.5));
background-size: 200% 100%;
z-index: 0;
animation: hiw-shimmer 3s linear infinite;
}
@keyframes hiw-shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
.hiw-card {
background: rgba(255,255,255,0.07);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255,255,255,0.14);
border-radius: 20px;
padding: 32px 24px 28px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
z-index: 1;
transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
opacity: 0;
transform: translateY(30px);
animation: hiw-fadeUp 0.6s ease forwards;
}
.hiw-card:nth-child(1) { animation-delay: 0.1s; }
.hiw-card:nth-child(2) { animation-delay: 0.25s; }
.hiw-card:nth-child(3) { animation-delay: 0.4s; }
.hiw-card:nth-child(4) { animation-delay: 0.55s; }
@keyframes hiw-fadeUp {
to { opacity: 1; transform: translateY(0); }
}
.hiw-card:hover {
transform: translateY(-6px);
background: rgba(255,255,255,0.12);
box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(126,179,255,0.2);
}
.hiw-step-num {
width: 52px; height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 900;
color: #fff;
margin-bottom: 24px;
position: relative;
flex-shrink: 0;
z-index: 1;
}
.hiw-step-num::before {
content: '';
position: absolute;
inset: -3px;
border-radius: 50%;
background: conic-gradient(from 0deg, #7eb3ff, #a78bfa, #7eb3ff);
z-index: -1;
animation: hiw-spin 4s linear infinite;
}
.hiw-step-num::after {
content: '';
position: absolute;
inset: 2px;
border-radius: 50%;
background: linear-gradient(135deg, #1a3a8f, #1e1b6e);
z-index: -1;
}
@keyframes hiw-spin {
to { transform: rotate(360deg); }
}
.hiw-step-icon {
width: 60px; height: 60px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.hiw-step-icon.c1 { background: rgba(99,139,255,0.2); border: 1px solid rgba(99,139,255,0.3); }
.hiw-step-icon.c2 { background: rgba(167,139,250,0.2); border: 1px solid rgba(167,139,250,0.3); }
.hiw-step-icon.c3 { background: rgba(94,234,212,0.15); border: 1px solid rgba(94,234,212,0.25); }
.hiw-step-icon.c4 { background: rgba(251,191,36,0.15); border: 1px solid rgba(251,191,36,0.25); }
.hiw-card-top {
display: flex;
flex-direction: column;
align-items: center;
}
.hiw-step-title {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 800;
color: #fff;
margin-bottom: 10px;
line-height: 1.25;
}
.hiw-step-desc {
font-family: 'Inter', sans-serif;
font-size: 13px;
color: rgba(190,210,255,0.7);
line-height: 1.7;
}
.hiw-step-tag {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 20px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 100px;
padding: 4px 12px;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 600;
color: rgba(200,220,255,0.75);
}
.hiw-cta {
text-align: center;
margin-top: 56px;
position: relative;
z-index: 2;
}
.hiw-cta p {
font-family: 'Inter', sans-serif;
font-size: 14px;
color: rgba(180,200,255,0.65);
margin-bottom: 20px;
}
.hiw-btn {
display: inline-flex;
align-items: center;
gap: 9px;
background: linear-gradient(135deg, #4f7cf7, #7c3aed);
color: #fff !important;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 14px 32px;
border-radius: 100px;
border: none;
cursor: pointer;
text-decoration: none !important;
box-shadow: 0 8px 28px rgba(79,124,247,0.45);
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
position: relative;
overflow: hidden;
}
.hiw-btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
border-radius: 100px;
pointer-events: none;
}
.hiw-btn,
.hiw-btn:hover,
.hiw-btn:focus,
.hiw-btn:active,
.hiw-btn:visited {
color: #fff !important;
text-decoration: none !important;
}
.hiw-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 36px rgba(79,124,247,0.55);
filter: brightness(1.1);
}
.hiw-btn svg,
.hiw-btn:hover svg,
.hiw-btn:focus svg {
stroke: #fff !important;
}
@media (max-width: 900px) {
.hiw-grid { grid-template-columns: repeat(2, 1fr); }
.hiw-grid::before { display: none; }
.hiw-section { padding: 60px 32px; }
}
@media (max-width: 540px) {
.hiw-grid { grid-template-columns: 1fr; gap: 16px; }
.hiw-section { padding: 48px 20px; }
.hiw-title { font-size: 26px; }
.hiw-card { padding: 28px 20px 24px; }
}
Simple Process
How to Purchase on VGOO.in
Getting your exclusive employee discount is quick and easy. Just follow these four simple steps.
1
Register with Your Employee ID
Create your account using your official company Employee ID. Quick sign-up, no personal documents needed.
Takes 2 minutes
2
Application Review & Approval
Our team verifies your employment eligibility. Once approved, your account is activated with full access to exclusive deals.
Within 24–48 hrs
3
Browse & Select Your Product
Explore 200+ genuine smartphones, laptops and accessories. See your exclusive employee price — up to 30% off the market rate.
200+ products
4
Order, Pay & Receive at Your Door
Place your order with Cash on Delivery. Receive a 100% brand-new product with official company warranty, delivered to you.
COD available
Ready to claim your employee discount?
Login with Employee IDNo Minimum Purchase - Free Shipping On All Orders -
Featured Products
Bundle Products
Buy in bulk for your business and get volume discounts!
.np-section * { box-sizing: border-box; font-family: 'Inter', sans-serif; }
.np-section {
background: linear-gradient(135deg, #0f1f5c 0%, #1a3a8f 45%, #1e1b6e 100%);
border-radius: 20px;
padding: 80px 60px;
position: relative;
overflow: hidden;
width: 100%;
}
.np-section::before {
content: '';
position: absolute;
width: 500px; height: 500px;
background: radial-gradient(circle, rgba(239,68,68,0.12) 0%, transparent 70%);
top: -150px; right: -100px;
pointer-events: none;
}
.np-section::after {
content: '';
position: absolute;
width: 400px; height: 400px;
background: radial-gradient(circle, rgba(120,80,255,0.15) 0%, transparent 70%);
bottom: -100px; left: -80px;
pointer-events: none;
}
.np-dots {
position: absolute;
inset: 0;
background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
z-index: 0;
}
/* ---- HEADER ---- */
.np-header {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 2;
}
.np-badge {
display: inline-flex;
align-items: center;
gap: 7px;
background: rgba(239,68,68,0.12);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(239,68,68,0.25);
color: #fca5a5;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
padding: 6px 16px;
border-radius: 100px;
margin-bottom: 20px;
}
.np-badge .np-dot {
width: 6px; height: 6px;
background: #f87171;
border-radius: 50%;
box-shadow: 0 0 8px #f87171;
animation: np-blink 1.5s infinite;
}
@keyframes np-blink {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.3; transform: scale(0.6); }
}
.np-title {
font-family: 'Inter', sans-serif;
font-size: clamp(28px, 3.5vw, 44px);
font-weight: 900;
color: #fff;
letter-spacing: -0.03em;
line-height: 1.15;
margin-bottom: 14px;
}
.np-title .np-red {
font-family: 'Inter', sans-serif;
background: linear-gradient(90deg, #f87171, #fb923c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.np-subtitle {
font-family: 'Inter', sans-serif;
font-size: 15px;
color: rgba(200,215,255,0.65);
line-height: 1.7;
max-width: 520px;
margin: 0 auto;
}
/* ---- GRID ---- */
.np-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
position: relative;
z-index: 2;
}
/* ---- CARD ---- */
.np-card {
background: rgba(255,255,255,0.05);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 32px 28px;
display: flex;
flex-direction: column;
gap: 0;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
opacity: 0;
transform: translateY(28px);
animation: np-fadeUp 0.55s ease forwards;
}
.np-card:nth-child(1) { animation-delay: 0.05s; }
.np-card:nth-child(2) { animation-delay: 0.15s; }
.np-card:nth-child(3) { animation-delay: 0.25s; }
.np-card:nth-child(4) { animation-delay: 0.35s; }
.np-card:nth-child(5) { animation-delay: 0.45s; }
.np-card:nth-child(6) { animation-delay: 0.55s; }
@keyframes np-fadeUp {
to { opacity: 1; transform: translateY(0); }
}
/* Red top border accent on hover */
.np-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, #f87171, #fb923c);
border-radius: 20px 20px 0 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.np-card:hover {
transform: translateY(-6px);
background: rgba(239,68,68,0.07);
border-color: rgba(239,68,68,0.2);
box-shadow: 0 20px 60px rgba(239,68,68,0.1), 0 0 0 1px rgba(239,68,68,0.15);
}
.np-card:hover::before { opacity: 1; }
/* Warning icon top-right */
.np-warn {
position: absolute;
top: 18px; right: 18px;
width: 26px; height: 26px;
border-radius: 50%;
background: rgba(239,68,68,0.12);
border: 1px solid rgba(239,68,68,0.2);
display: flex;
align-items: center;
justify-content: center;
color: #f87171;
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 1;
}
/* Icon box */
.np-icon {
width: 52px; height: 52px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.np-card:hover .np-icon { transform: scale(1.08) rotate(-3deg); }
.np-icon.r { background: rgba(239,68,68,0.15); border: 1px solid rgba(239,68,68,0.2); }
.np-icon.o { background: rgba(251,146,60,0.15); border: 1px solid rgba(251,146,60,0.2); }
.np-icon.y { background: rgba(251,191,36,0.15); border: 1px solid rgba(251,191,36,0.2); }
.np-icon.p { background: rgba(167,139,250,0.15); border: 1px solid rgba(167,139,250,0.2); }
.np-icon.b { background: rgba(99,139,255,0.15); border: 1px solid rgba(99,139,255,0.2); }
.np-icon.t { background: rgba(45,212,191,0.12); border: 1px solid rgba(45,212,191,0.18); }
/* Loss amount pill */
.np-loss {
display: inline-flex;
align-items: center;
gap: 5px;
background: rgba(239,68,68,0.12);
border: 1px solid rgba(239,68,68,0.2);
border-radius: 100px;
padding: 3px 10px;
font-family: 'Inter', sans-serif;
font-size: 11px;
font-weight: 700;
color: #fca5a5;
margin-bottom: 14px;
width: fit-content;
}
.np-card-title {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 800;
color: #fff;
line-height: 1.25;
margin-bottom: 10px;
}
.np-card-desc {
font-family: 'Inter', sans-serif;
font-size: 13px;
color: rgba(190,210,255,0.65);
line-height: 1.7;
}
/* ---- BOTTOM NUDGE ---- */
.np-nudge {
margin-top: 56px;
position: relative;
z-index: 2;
background: rgba(239,68,68,0.07);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(239,68,68,0.18);
border-radius: 16px;
padding: 28px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.np-nudge-text .t1 {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 800;
color: #fff;
margin-bottom: 6px;
line-height: 1.3;
}
.np-nudge-text .t2 {
font-family: 'Inter', sans-serif;
font-size: 14px;
color: rgba(200,215,255,0.6);
line-height: 1.6;
}
.np-nudge-text .t2 strong {
font-family: 'Inter', sans-serif;
color: #fca5a5;
font-weight: 700;
}
.np-btn {
display: inline-flex;
align-items: center;
gap: 9px;
background: linear-gradient(135deg, #4f7cf7, #7c3aed);
color: #fff !important;
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 14px 28px;
border-radius: 100px;
border: none;
cursor: pointer;
text-decoration: none !important;
box-shadow: 0 8px 28px rgba(79,124,247,0.4);
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
position: relative;
overflow: hidden;
white-space: nowrap;
flex-shrink: 0;
}
.np-btn::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);
border-radius: 100px;
pointer-events: none;
}
.np-btn,
.np-btn:hover,
.np-btn:focus,
.np-btn:active,
.np-btn:visited {
color: #fff !important;
text-decoration: none !important;
}
.np-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 36px rgba(79,124,247,0.55);
filter: brightness(1.1);
}
.np-btn svg,
.np-btn:hover svg,
.np-btn:focus svg {
stroke: #fff !important;
}
/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
.np-grid { grid-template-columns: repeat(2, 1fr); }
.np-section { padding: 60px 36px; }
}
@media (max-width: 600px) {
.np-grid { grid-template-columns: 1fr; gap: 16px; }
.np-section { padding: 48px 20px; }
.np-title { font-size: 26px; }
.np-card { padding: 26px 22px; }
.np-nudge { flex-direction: column; text-align: center; padding: 24px 20px; }
.np-nudge-text .t1 { font-size: 16px; }
}
Claim My Employee Discount
Don't Miss Out
What You Lose by Not Using VGOO
You are an employee. These benefits belong to you. Every day you shop elsewhere, you're leaving real money on the table.
✕
↑ Pay up to 30% more
You Pay Full Market Price — Every Time
Without VGOO, you buy the same brand-new phone or laptop at the price everyone else pays. As an employee, you are entitled to exclusive pricing — but only if you use it.
✕
âš No guarantee of authenticity
Risk Buying Grey Market or Fake Products
Third-party platforms and grey market sellers offer no authenticity assurance. VGOO sources directly from brands as a Platinum Partner — you get the real deal, always.
✕
✕ No official warranty
No Official Brand Warranty on Your Device
Buying outside VGOO means risking products with tampered, void, or no warranty. Every product on VGOO comes with a full, registered official manufacturer warranty.
✕
✕ No 7-day replacement
Stuck With a Defective Product, No Easy Exit
Most retailers make returns and replacements a nightmare. VGOO offers a hassle-free 7-day replacement policy so you are never stuck with a faulty device.
✕
✕ Forced prepayment risk
Forced to Pay Online Before You Even See the Product
Most online stores demand full payment upfront. VGOO offers Cash on Delivery — you pay only when your brand-new product is right in front of you.
✕
✕ Perk wasted
Your Company-Negotiated Benefit Goes Unused
Your employer fought to give you this benefit. Buying tech elsewhere means that exclusive corporate deal — meant exclusively for you — goes completely to waste.
Still thinking about it?
Every purchase you make elsewhere costs you up to 30% more than it should. Log in now — it takes 2 minutes.
