.row {display: flex;flex-wrap: wrap;margin: -0.5rem;}.col-lg-6, .col-lg-12 {padding: 0.5rem;}.col-lg-6 {flex: 0 0 50%;max-width: 50%;}.col-lg-12 {flex: 0 0 100%;max-width: 100%;}.col-sm-6 {flex: 0 0 50%;max-width: 50%;}.col-md-4 {flex: 0 0 33.333333%;max-width: 33.333333%;}.g-4 > * {padding: 1rem;}.g-2 > * {padding: 0.25rem;}.hero-section {padding: 6rem 0 4rem;text-align: center;position: relative;overflow: hidden;}.hero-decoration {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}.decoration-circle {position: absolute;border-radius: 50%;background: rgba(255, 107, 53, 0.1);animation: float 20s ease-in-out infinite;}.circle-1 {width: 200px;height: 200px;top: 10%;left: 10%;animation-delay: 0s;}.circle-2 {width: 150px;height: 150px;top: 60%;right: 15%;animation-delay: -7s;}.circle-3 {width: 100px;height: 100px;bottom: 20%;left: 20%;animation-delay: -14s;}@keyframes float {0%, 100% { transform: translate(0, 0) rotate(0deg); }33% { transform: translate(30px, -30px) rotate(120deg); }66% { transform: translate(-20px, 20px) rotate(240deg); }}.hero-badge {display: inline-flex;align-items: center;gap: 0.5rem;background: var(--gradient-primary);color: white;padding: 0.5rem 1rem;border-radius: 25px;font-size: 0.9rem;font-weight: 600;margin-bottom: 1.5rem;animation: fadeInUp 1s ease forwards;}.hero-title {font-family: 'Orbitron', monospace;font-size: 3rem;margin-bottom: 1rem;color: var(--text-primary);animation: fadeInUp 1s ease 0.2s forwards;opacity: 0;}.hero-highlight {background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.hero-description {color: var(--text-secondary);font-size: 1.1rem;margin-bottom: 2rem;animation: fadeInUp 1s ease 0.4s forwards;opacity: 0;}.hero-features {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 3rem;max-width: 900px;margin-left: auto;margin-right: auto;animation: fadeInUp 1s ease 0.6s forwards;opacity: 0;}.hero-feature {display: flex;align-items: flex-start;gap: 1rem;padding: 1.5rem;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;backdrop-filter: blur(10px);transition: all 0.3s ease;position: relative;overflow: hidden;}.hero-feature::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.6s ease;}.hero-feature:hover {transform: translateY(-5px);border-color: rgba(255, 107, 53, 0.3);box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);}.hero-feature:hover::before {left: 100%;}.hero-feature__icon {width: 50px;height: 50px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;flex-shrink: 0;position: relative;overflow: hidden;}.hero-feature__icon::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.1);border-radius: 12px;opacity: 0;transition: opacity 0.3s ease;}.hero-feature:hover .hero-feature__icon::after {opacity: 1;}.hero-feature__icon--security {background: linear-gradient(135deg, #10b981, #059669);color: white;box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);}.hero-feature__icon--history {background: linear-gradient(135deg, #3b82f6, #1d4ed8);color: white;box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);}.hero-feature__icon--exclusive {background: linear-gradient(135deg, #f59e0b, #d97706);color: white;box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);}.hero-feature__content h4 {color: var(--text-primary);font-size: 1rem;font-weight: 600;margin: 0 0 0.25rem 0;font-family: 'Orbitron', monospace;}.hero-feature__content p {color: var(--text-secondary);font-size: 0.85rem;margin: 0;line-height: 1.4;}.modern-card, .modern-card-login {background: var(--bg-card);border: 2px solid var(--border-color);border-radius: 20px;backdrop-filter: blur(20px);box-shadow: 0 8px 30px var(--shadow-dark);overflow: hidden;transition: all 0.3s ease;height: 100%;}.modern-card:hover, .modern-card-login:hover {transform: translateY(-5px);box-shadow: 0 15px 40px var(--shadow-dark);}.card-header-custom {background: var(--bg-tertiary);border-bottom: 1px solid var(--border-color);padding: 1.5rem;font-family: 'Orbitron', monospace;font-weight: 700;font-size: 1.1rem;color: var(--text-primary);display: flex;align-items: center;gap: 0.5rem;}.card-body {padding: 2rem;}.form-label {color: var(--text-primary);font-weight: 600;margin-bottom: 0.5rem;display: flex;align-items: center;}.form-control-modern {width: 100%;padding: 0.8rem 1rem;border: 2px solid var(--border-color);border-radius: 12px;background: rgba(255, 255, 255, 0.05);color: var(--text-primary);font-size: 1rem;transition: all 0.3s ease;backdrop-filter: blur(10px);}.form-control-modern:focus {outline: none;border-color: var(--primary-blue);background: rgba(59, 130, 246, 0.1);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}.form-control-modern::placeholder {color: var(--text-muted);}select.form-control {width: 100%;padding: 0.8rem 1rem;border: 2px solid var(--border-color);border-radius: 12px;background: rgba(26, 35, 50, 0.95);color: var(--text-primary);font-size: 1rem;transition: all 0.3s ease;backdrop-filter: blur(10px);}select.form-control:focus {outline: none;border-color: var(--primary-blue);background: rgba(59, 130, 246, 0.1);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}select.form-control option {background: var(--bg-card);color: var(--text-primary);padding: 0.5rem;}.alert-modern {background: rgba(78, 205, 196, 0.1);border: 1px solid rgba(78, 205, 196, 0.3);border-radius: 15px;padding: 1rem;color: var(--text-primary);display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;}.btn {padding: 0.8rem 1.5rem;border: none;border-radius: 12px;font-weight: 600;text-decoration: none;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;cursor: pointer;transition: all 0.3s ease;font-family: inherit;font-size: 1rem;}.btn-modern {background: var(--gradient-primary);color: white;border: 2px solid var(--primary-color);}.btn-modern:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);color: white;text-decoration: none;}.btn-success-modern {background: linear-gradient(135deg, #10b981, #059669);color: white;border: 2px solid #10b981;}.btn-success-modern:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);color: white;text-decoration: none;}.w-100 {width: 100%;}.badge-modern {display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.25rem 0.5rem;border-radius: 12px;font-size: 0.75rem;font-weight: 600;}.badge-success-modern {background: rgba(16, 185, 129, 0.2);color: var(--accent-green);border: 1px solid rgba(16, 185, 129, 0.3);}[data-lucide] {margin-right: 0.5rem;}.hero-badge [data-lucide] {margin-right: 0.5rem;}.form-label [data-lucide] {margin-right: 0.5rem;}.btn [data-lucide] {margin-right: 0.5rem;}.alert-modern [data-lucide] {margin-right: 0.5rem;}.math-challenge [data-lucide] {margin-right: 1rem;}.text-center {text-align: center;}.text-success {color: var(--accent-green);}.text-danger {color: var(--danger);}.text-muted {color: var(--text-muted);}.mb-4 {margin-bottom: 1.5rem;}.mt-4 {margin-top: 1.5rem;}.mt-2 {margin-top: 0.5rem;}.ms-2 {margin-left: 0.5rem;}.me-2 {margin-right: 0.5rem;}.me-1 {margin-right: 0.25rem;}.me-3 {margin-right: 1rem;}.d-flex {display: flex;}.d-block {display: block;}.align-items-center {align-items: center;}.justify-content-center {justify-content: center;}.flex-wrap {flex-wrap: wrap;}.position-relative {position: relative;}.position-absolute {position: absolute;}.top-50 {top: 50%;}.start-50 {left: 50%;}.translate-middle {transform: translate(-50%, -50%);}.math-challenge {background: linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(96, 165, 250, 0.02));border: 2px solid rgba(59, 130, 246, 0.2);border-radius: 16px;padding: 1rem;display: flex;align-items: center;justify-content: center;gap: 1rem;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes slideDown {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}@media (max-width: 768px) {.hero-section {padding: 4rem 0 2rem;}.hero-title {font-size: 2rem;}.hero-features {grid-template-columns: 1fr;gap: 1rem;margin-top: 2rem;}.hero-feature {padding: 1rem;flex-direction: column;text-align: center;gap: 0.75rem;}.hero-feature__icon {align-self: center;}.col-lg-6 {flex: 0 0 100%;max-width: 100%;}.col-sm-6 {flex: 0 0 100%;max-width: 100%;}.col-md-4 {flex: 0 0 100%;max-width: 100%;margin-bottom: 0.5rem;}.card-body {padding: 1.5rem;}.math-challenge {flex-direction: column;text-align: center;gap: 0.5rem;}.math-challenge input {width: 100px;}.decoration-circle {display: none;}.row.g-2 {margin: 0;}.row.g-2 > * {padding: 0.25rem;margin-bottom: 0.5rem;}}@media (max-width: 480px) {.container {padding: 0 0.5rem;}.hero-title {font-size: 1.5rem;}.hero-badge {font-size: 0.8rem;padding: 0.4rem 0.8rem;}.card-body {padding: 1rem;}.card-header-custom {padding: 1rem;font-size: 1rem;}.form-control-modern {padding: 0.7rem;}.btn {padding: 0.7rem 1rem;font-size: 0.9rem;}.math-challenge {padding: 0.8rem;}}.quick-connect-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;}.quick-connect-line {flex: 1;height: 1px;background: linear-gradient(90deg, transparent 0%, var(--border-color) 50%, transparent 100%);}.quick-connect-text {display: flex;align-items: center;gap: 0.5rem;color: var(--text-muted);font-weight: 600;font-size: 0.85rem;letter-spacing: 0.5px;white-space: nowrap;}.quick-connect-icon {color: var(--accent-color);width: 16px;height: 16px;}.referral-notice {display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1rem;padding: 0.75rem 1rem;background: rgba(78, 205, 196, 0.1);border: 1px solid rgba(78, 205, 196, 0.2);border-radius: 8px;color: var(--secondary-color);font-size: 0.875rem;}.referral-icon {width: 16px;height: 16px;flex-shrink: 0;}.social-login-container {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}.social-btn {display: flex;align-items: center;gap: 0.75rem;padding: 0.875rem 1.25rem;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;color: var(--text-primary);text-decoration: none;font-weight: 500;font-size: 0.9rem;transition: all 0.3s ease;position: relative;overflow: hidden;min-width: 140px;backdrop-filter: blur(10px);}.social-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition: left 0.5s ease;}.social-btn:hover::before {left: 100%;}.social-btn__icon {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 6px;background: rgba(255, 255, 255, 0.1);flex-shrink: 0;}.social-btn__text {flex: 1;text-align: center;}.social-btn__arrow {opacity: 0;transform: translateX(-10px);transition: all 0.3s ease;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;}.social-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);border-color: rgba(255, 255, 255, 0.3);}.social-btn:hover .social-btn__arrow {opacity: 1;transform: translateX(0);}.social-btn--google:hover {background: linear-gradient(135deg, rgba(219, 68, 55, 0.1), rgba(66, 133, 244, 0.1));border-color: rgba(66, 133, 244, 0.3);}.social-btn--google:hover .social-btn__icon {background: rgba(66, 133, 244, 0.2);}.social-btn--discord:hover {background: linear-gradient(135deg, rgba(88, 101, 242, 0.1), rgba(114, 137, 218, 0.1));border-color: rgba(88, 101, 242, 0.3);}.social-btn--discord:hover .social-btn__icon {background: rgba(88, 101, 242, 0.2);}@media (max-width: 768px) {.social-login-container {flex-direction: column;align-items: center;}.social-btn {width: 100%;max-width: 280px;}.quick-connect-header {margin-bottom: 1rem;}.quick-connect-text {font-size: 0.8rem;}}@keyframes slideInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.social-btn {animation: slideInUp 0.6s ease forwards;}.social-btn:nth-child(2) {animation-delay: 0.1s;}