RegisterGet Points

Your Digital Note Marketplace

Purchase high-quality notes and APIs with ease using our simple points system.

Browse Notes Get Points

Your Gateway to Premium Digital Resources!

Access exclusive content and APIs instantly with our secure points system.

Browse Notes Get Points
NoteMarket System
$ initialize_system
Loading NoteMarket API... Establishing secure connection... Connection established
$ check_security_status
Encryption: Active Firewall: Active Transactions: Secure All systems operational
$ access_marketplace
Access Granted
$
Scroll →
.primary-btn:hover, .secondary-btn:hover, .purchase-btn:hover { transform: none; } .note-card:active, .primary-btn:active, .secondary-btn:active, .purchase-btn:active { transform: scale(0.98); } } /* Add smooth scrolling for iOS */ @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; } } /* Prevent text size adjustment on orientation change */ html { -webkit-text-size-adjust: 100%; } /* Modal Styles */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1000; overflow-y: auto; padding: 20px; } .modal-content { position: relative; background: #fff; margin: 2vh auto; width: 95%; max-width: 1200px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); border: 1px solid #3498DB; } .modal-header { padding: 1rem 1.5rem; border-bottom: 1px solid #3498DB; display: flex; justify-content: space-between; align-items: center; background: #f8f9fa; border-radius: 12px 12px 0 0; } .modal-header h2 { margin: 0; font-size: 1.5rem; color: #2c3e50; } .close { font-size: 2rem; color: #95a5a6; cursor: pointer; transition: color 0.2s ease; padding: 0.5rem; line-height: 1; } .close:hover { color: #2c3e50; } .modal-body { padding: 1rem 1.5rem; } /* API Details Styles */ .api-details .section { margin-bottom: 1.5rem; } .api-details h3 { font-size: 1.1rem; color: #2c3e50; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; } .api-details p { margin: 0; line-height: 1.5; color: #333; } /* Preview Content Styles */ .preview-content { background: #f8f9fa; border-radius: 8px; overflow: hidden; margin: 0; } .preview-toolbar { background: #fff; padding: 0.75rem 1rem; border-bottom: 1px solid #3498DB; display: flex; justify-content: flex-end; gap: 0.75rem; } .preview-content pre { margin: 0; padding: 1.25rem; background: #2c3e50; color: #fff; font-family: monospace; font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; word-break: break-all; } /* Copy Button Styles */ .copy-btn { background: #f8f9fa; border: 1px solid #3498DB; color: #2c3e50; padding: 0.5rem 1rem; border-radius: 6px; font-size: 0.85rem; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; } .copy-btn:hover { background: #fff; border-color: #3498DB; color: #3498DB; } /* Field Values Styles */ .field-values { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; padding: 0.5rem; } .field-item { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.75rem; background: #f8f9fa; border-radius: 4px; font-size: 0.9rem; border: 1px solid #e9ecef; } .field-name { color: #666; font-weight: 500; white-space: nowrap; min-width: 120px; } .field-value { color: #000; word-break: break-all; flex: 1; } /* Copy Toast Notification */ .copy-toast { position: fixed; bottom: 20px; right: 20px; background: #3498DB; color: white; padding: 0.75rem 1.25rem; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 9999; display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; animation: slideIn 0.3s ease; } .copy-toast i { color: #fff; } .copy-toast.fade-out { animation: fadeOut 0.5s ease forwards; } @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } /* Responsive Modal Styles */ @media (max-width: 768px) { .modal { padding: 10px; } .modal-content { width: 100%; margin: 10px 0; } .modal-header { padding: 0.75rem 1rem; } .modal-body { padding: 0.75rem 1rem; } .preview-toolbar { flex-direction: column; padding: 0.5rem 0.75rem; } .copy-btn { width: 100%; justify-content: center; } .field-values { grid-template-columns: 1fr; } .field-item { flex-direction: column; } .field-name { min-width: auto; margin-bottom: 0.25rem; } }