/* Header Styles */ header { background: white; box-shadow: var(--shadow); position: sticky; top: 0; z-index: 100; } .top-bar { background: linear-gradient(135deg, #0064D2, #8c52ff); color: white; padding: 8px 0; font-size: 14px; } .top-bar-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; } .top-links { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; } .top-links a { transition: var(--transition); display: inline-flex; align-items: center; color: rgba(255,255,255,0.9); text-decoration: none; gap: 5px; } .main-header { padding: 15px 0; } .header-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .logo { display: flex; align-items: center; font-weight: 800; font-size: 32px; text-decoration: none; } .logo span:nth-child(1) { color: #E53238; } .logo span:nth-child(2) { color: #0064D2; } .logo span:nth-child(3) { color: #F5AF02; } .logo span:nth-child(4) { color: #86B817; } .logo span:nth-child(5) { color: #E53238; } .logo span:nth-child(6) { color: #0064D2; } .logo span:nth-child(7) { color: #F5AF02; } .logo span:nth-child(8) { color: #86B817; } .logo span:nth-child(9) { color: #E53238; } .search-bar { flex: 1; min-width: 300px; margin: 0 20px; position: relative; } .search-container { display: flex; align-items: center; background: #fff; border-radius: 30px; border: 2px solid var(--primary-blue); overflow: hidden; transition: var(--transition); } .search-bar input { width: 100%; padding: 12px 20px; border: none; font-size: 16px; outline: none; } .search-bar button { background: var(--primary-blue); color: white; border: none; padding: 10px 25px; cursor: pointer; transition: var(--transition); font-weight: 500; } .user-actions { display: flex; align-items: center; gap: 20px; } .user-actions a { display: inline-flex; align-items: center; font-weight: 500; transition: var(--transition); position: relative; text-decoration: none; color: var(--primary-dark); } nav { background-color: var(--primary-blue); padding: 15px 0 5px; } .nav-links { display: flex; justify-content: space-between; overflow-x: auto; padding-bottom: 5px; } .nav-links a { color: white; font-weight: 500; padding: 0 15px 10px; border-radius: 4px; transition: var(--transition); white-space: nowrap; display: flex; flex-direction: column; align-items: center; position: relative; text-decoration: none; } .nav-links a:hover { background: rgba(255,255,255,0.2); } .nav-links a.active { background: rgba(255,255,255,0.3); position: relative; } .nav-links a.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 3px; background: var(--primary-yellow); border-radius: 3px 3px 0 0; } /* Sign In Modal */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); align-items: center; justify-content: center; z-index: 2000; } .modal-content { background: white; padding: 40px; border-radius: 20px; max-width: 500px; width: 90%; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } .close-modal { position: absolute; top: 15px; right: 25px; font-size: 28px; cursor: pointer; color: #777; transition: var(--transition); } .close-modal:hover { color: var(--primary-red); } .modal-title { text-align: center; margin-bottom: 30px; color: var(--primary-dark); } .modal-title h2 { color: var(--primary-blue); font-size: 28px; margin-bottom: 10px; } .user-type-selector { display: flex; gap: 15px; margin: 20px 0 30px; } .user-type { flex: 1; text-align: center; padding: 20px 10px; border-radius: 15px; cursor: pointer; transition: var(--transition); border: 2px solid var(--border); background: var(--light-gray); } .user-type:hover { transform: translateY(-5px); box-shadow: var(--shadow); } .user-type.selected { border-color: var(--primary-blue); background: rgba(0, 100, 210, 0.05); } .user-type.buyer.selected { border-color: var(--buyer-color); background: rgba(52, 152, 219, 0.05); } .user-type.seller.selected { border-color: var(--seller-color); background: rgba(231, 76, 60, 0.05); } .user-type i { font-size: 36px; margin-bottom: 10px; display: block; } .user-type.buyer i { color: var(--buyer-color); } .user-type.seller i { color: var(--seller-color); } .signin-options { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; } .signin-option { display: flex; align-items: center; justify-content: center; padding: 15px 20px; border-radius: 10px; background: var(--light-gray); text-decoration: none; color: var(--primary-dark); font-weight: 500; transition: var(--transition); border: 1px solid var(--border); } .signin-option:hover { transform: translateX(5px); box-shadow: var(--shadow); } .signin-option.google:hover { background: #f0f7ff; border-color: var(--primary-blue); } .signin-option.baidu:hover { background: #fff0f0; border-color: #de2910; } .signin-option.vk:hover { background: #e6f0ff; border-color: #0077ff; } .signin-option i { font-size: 24px; margin-right: 15px; width: 30px; text-align: center; } .signin-option.google i { color: #4285F4; } .signin-option.baidu i { color: #de2910; } .signin-option.vk i { color: #0077ff; } /* Marketplace Section */ .marketplace-section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 40px; color: var(--primary-dark); } .section-title h2 { font-size: 36px; margin-bottom: 15px; } .section-title p { max-width: 700px; margin: 0 auto; color: #555; font-size: 18px; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-top: 30px; } .product-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); } .product-image { height: 200px; background: #f5f7fa; display: flex; align-items: center; justify-content: center; } .product-image i { font-size: 80px; color: var(--primary-blue); } .product-info { padding: 20px; } .product-info h3 { margin-bottom: 10px; color: var(--primary-dark); } .product-info p { color: #666; margin-bottom: 15px; min-height: 60px; } .market-price { display: flex; justify-content: space-between; margin-bottom: 15px; padding: 10px 0; border-top: 1px dashed var(--border); border-bottom: 1px dashed var(--border); } .market-price .label { font-weight: 600; } .bid-info { display: flex; justify-content: space-between; margin: 15px 0; font-weight: 600; } .bid-info .starting-bid { color: var(--primary-green); font-size: 18px; } .bid-info .save-percent { background: var(--primary-green); color: white; padding: 3px 10px; border-radius: 20px; font-size: 14px; } .bid-btn { display: block; width: 100%; padding: 12px; background: var(--primary-blue); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: var(--transition); text-align: center; } .bid-btn:hover { background: #0050a8; } /* New Bidding System */ .bidding-system { background: linear-gradient(135deg, #0f172a, #152a6e); color: white; padding: 80px 0; margin: 60px 0; border-radius: 20px; } .bidding-content { max-width: 900px; margin: 0 auto; text-align: center; } .bidding-steps { display: flex; justify-content: space-between; margin-top: 50px; flex-wrap: wrap; } .bidding-step { flex: 1; min-width: 250px; padding: 20px; margin-bottom: 30px; } .step-icon { width: 80px; height: 80px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 36px; color: var(--primary-yellow); } .step-title { font-size: 22px; margin-bottom: 15px; } .step-desc { color: rgba(255,255,255,0.9); } .value-highlight { color: var(--primary-yellow); font-weight: 700; font-size: 24px; margin: 10px 0; } /* Incentive Section */ .incentive-section { background: white; border-radius: 20px; padding: 60px 40px; box-shadow: var(--shadow); margin: 60px 0; text-align: center; } .incentive-cards { display: flex; gap: 30px; margin-top: 50px; flex-wrap: wrap; justify-content: center; } .incentive-card { flex: 1; min-width: 250px; max-width: 350px; background: #f9f9ff; border-radius: 15px; padding: 30px; border: 1px solid #e0e0ff; position: relative; overflow: hidden; transition: var(--transition); } .incentive-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .incentive-icon { width: 70px; height: 70px; background: rgba(30, 136, 229, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 30px; color: var(--secondary-blue); } /* Footer */ footer { background: linear-gradient(to right, var(--primary-dark), #152a6e); color: white; padding: 60px 0 30px; margin-top: 60px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { font-size: 20px; margin-bottom: 25px; position: relative; padding-bottom: 12px; } .footer-column h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--primary-blue); border-radius: 3px; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #ccc; transition: var(--transition); display: inline-flex; align-items: center; text-decoration: none; } .footer-links a:hover { color: white; transform: translateX(5px); } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 15px; color: #aaa; } /* Responsive */ @media (max-width: 992px) { .header-content { flex-wrap: wrap; } .logo { margin-bottom: 15px; } .search-bar { order: 3; min-width: 100%; margin: 15px 0; } .bidding-steps { flex-direction: column; align-items: center; } } @media (max-width: 768px) { .nav-links { flex-wrap: wrap; } .modal-content { padding: 30px 20px; } .user-type-selector { flex-direction: column; } }
Underparticipated Bids 24/7 Support Track Order Crypto Payments

Business Registration

New to OnayPonay? Create an account

Featured Products

Bidding starts at 50% of market value - grab amazing deals!

Premium Laptop Pro

16" display, 32GB RAM, 1TB SSD, Intel i9 processor

Market Price:
$1,499.00
$749.50
SAVE 50%

Smartphone X

6.7" OLED, Triple Camera, 256GB, 5G Connectivity

Market Price:
$899.00
$449.50
SAVE 50%

Wireless Headphones

Noise Cancelling, 40hr battery, Hi-Fi Sound Quality

Market Price:
$249.00
$124.50
SAVE 50%

4K Mirrorless Camera

24.2MP, 4K Video, 5-Axis Stabilization

Market Price:
$1,199.00
$599.50
SAVE 50%

Our Revolutionary Bidding System

Starting at 50% of market value - more engagement, better deals!

Low Starting Price

All auctions begin at

50% of Market Value

Attracting more bidders and creating excitement

Increased Engagement

With lower starting prices

3x More Participants

More bidders lead to more competitive auctions

Better Final Prices

Winners typically pay

20-30% Below Market

Real savings for buyers while maintaining value

Fair System for All Participants

Our innovative approach ensures everyone benefits from the auction process

For Winners

Get products at significantly below market value, with savings up to 50% off retail prices.

For Runner-ups

Receive OPT credits for future purchases based on your bidding activity.

For Participants

Priority access to relisted items and special bidding opportunities.