:root {--compeller-red: #EE2D41;--compeller-light-red: #F77682;--compeller-dark: #0a0a0a;--compeller-card-bg: #1a1a1a;--compeller-border: rgba(238, 45, 65, 0.1);--primary: #EE2D41;--primary-light: rgba(238, 45, 65, 0.1);--primary-gradient: linear-gradient(135deg, #EE2D41, #F77682);--dark-bg: rgba(20, 20, 20, 0.4);--card-bg: rgba(28, 28, 28, 0.6);--hover-transform: translateY(-12px);}.page-hero {background: linear-gradient(135deg, var(--compeller-red) 0%, var(--compeller-light-red) 100%);padding: 4rem 2rem;margin-bottom: 3rem;border-radius: 50px;box-shadow: 0 20px 60px rgba(238, 45, 65, 0.3);position: relative;overflow: hidden;max-width: 1200px;margin-left: auto;margin-right: auto;}.page-hero::before {content: '';position: absolute;top: -50%;right: -20%;width: 500px;height: 500px;background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent);border-radius: 50%;}.page-hero::after {content: '';position: absolute;bottom: -30%;left: -10%;width: 400px;height: 400px;background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent);border-radius: 50%;}.hero-content {position: relative;z-index: 1;text-align: center;}.hero-title {font-size: 3rem;font-weight: 800;color: white;margin-bottom: 1rem;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}.hero-text {font-size: 1.25rem;color: rgba(255, 255, 255, 0.95);max-width: 900px;margin: 0 auto;line-height: 1.7;}.dropdown-menu {display: none;background: linear-gradient(145deg, rgba(28, 28, 28, 0.98), rgba(18, 18, 18, 1));border: 2px solid rgba(238, 45, 65, 0.2);border-radius: 16px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);padding: 0.75rem 0;backdrop-filter: blur(20px);}.dropdown-menu.show {display: block;}.dropdown-item {color: rgba(255, 255, 255, 0.85);padding: 0.75rem 1.25rem;transition: all 0.2s ease;border-radius: 0;}.dropdown-item:hover {background: rgba(238, 45, 65, 0.1);color: white;}.dropdown-item.active,.dropdown-item.sort-option.active {background-color: rgba(238, 45, 65, 0.15);color: #fff;font-weight: 600;}.dropdown-item.active i,.dropdown-item.sort-option.active i {color: var(--compeller-red);}.btn-outline-light {border: 2px solid rgba(238, 45, 65, 0.3);color: white;border-radius: 50px;padding: 0.6rem 1.25rem;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background: linear-gradient(145deg, rgba(35, 35, 35, 0.6), rgba(25, 25, 25, 0.8));}.btn-outline-light:hover {background: linear-gradient(145deg, rgba(238, 45, 65, 0.2), rgba(247, 118, 130, 0.1));border-color: var(--compeller-red);color: white;transform: translateY(-2px);}.btn-danger {background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));border: none;border-radius: 50px;padding: 0.6rem 1.25rem;font-weight: 700;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 20px rgba(238, 45, 65, 0.3);text-transform: uppercase;letter-spacing: 0.5px;}.btn-danger:hover {transform: translateY(-3px);box-shadow: 0 12px 30px rgba(238, 45, 65, 0.5);}.section-heading {margin-bottom: 2rem;padding-bottom: 1.25rem;border-bottom: 2px solid rgba(238, 45, 65, 0.15);display: flex;align-items: center;justify-content: space-between;}.section-title {position: relative;}.section-title h3 {color: #ffffff;font-size: 2rem;font-weight: 800;margin-bottom: 0.5rem;letter-spacing: -0.02em;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}.section-title p {color: rgba(255, 255, 255, 0.7);font-size: 1rem;margin-bottom: 0;font-weight: 500;}.section-accent {width: 60px;height: 4px;background: var(--primary-gradient);margin-bottom: 1rem;border-radius: 10px;box-shadow: 0 4px 12px rgba(238, 45, 65, 0.3);}.section-container {margin-bottom: 4rem;background: linear-gradient(145deg, rgba(28, 28, 28, 0.8), rgba(18, 18, 18, 0.95));border-radius: 35px;padding: 3rem;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);backdrop-filter: blur(20px);border: 1px solid rgba(238, 45, 65, 0.15);max-width: 1200px;margin-left: auto;margin-right: auto;box-sizing: border-box;}.filter-controls {display: flex;align-items: center;gap: 0.75rem;}.empty-state {background: linear-gradient(145deg, rgba(35, 35, 35, 0.6), rgba(25, 25, 25, 0.8));border-radius: 24px;padding: 4rem 2rem;text-align: center;border: 1px solid rgba(238, 45, 65, 0.1);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);}.empty-state-icon {width: 100px;height: 100px;background: linear-gradient(135deg, rgba(238, 45, 65, 0.15), rgba(247, 118, 130, 0.1));border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 2rem;box-shadow: 0 10px 30px rgba(238, 45, 65, 0.2);}.empty-state-icon i {font-size: 2.5rem;color: var(--compeller-red);filter: drop-shadow(0 4px 8px rgba(238, 45, 65, 0.3));}.btn-create {padding: 1rem 2.5rem;border-radius: 50px;font-weight: 700;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 30px rgba(238, 45, 65, 0.35);text-transform: uppercase;letter-spacing: 0.5px;position: relative;overflow: hidden;}.btn-create::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}.btn-create:hover::before {left: 100%;}.btn-create i {margin-right: 0.75rem;}.btn-create:hover {transform: translateY(-4px);box-shadow: 0 15px 40px rgba(238, 45, 65, 0.5);}.btn-load-more {padding: 0.85rem 3rem;border-radius: 50px;font-weight: 600;border: 2px solid rgba(238, 45, 65, 0.4);background: linear-gradient(135deg, rgba(238, 45, 65, 0.1), rgba(247, 118, 130, 0.05));color: #fff;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}.btn-load-more:hover {background: linear-gradient(135deg, rgba(238, 45, 65, 0.2), rgba(247, 118, 130, 0.1));border-color: var(--compeller-red);transform: translateY(-3px);box-shadow: 0 12px 30px rgba(238, 45, 65, 0.3);}.loading-indicator {position: relative;padding: 3rem 0;}.loading-indicator::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 120px;height: 3px;background: linear-gradient(90deg, transparent, var(--compeller-red), var(--compeller-light-red), transparent);border-radius: 10px;box-shadow: 0 4px 12px rgba(238, 45, 65, 0.3);}.spinner-border {width: 3rem;height: 3rem;border-width: 0.3rem;}.spinner-border.text-danger {border-color: rgba(238, 45, 65, 0.2);border-right-color: var(--compeller-red);}#user-compels-container,#public-compels-container,#compel-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.5rem;width: 100%;margin-top: 1rem;max-width: 1400px;margin-left: auto;margin-right: auto;}.compel-grid .compel-item {width: 100%;margin: 0;padding: 0;}.compel-grid .modern-video-card {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;background: linear-gradient(145deg, rgba(35, 35, 35, 0.9), rgba(25, 25, 25, 1));transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 10px 30px rgba(0,0,0,0.2);display: flex;flex-direction: column;border: 1px solid rgba(238, 45, 65, 0.1);}@media (min-width: 992px) {.compel-grid .modern-video-card:hover {transform: translateY(-15px) scale(1.02);box-shadow: 0 25px 60px rgba(238, 45, 65, 0.25);border-color: rgba(238, 45, 65, 0.3);}.compel-grid .modern-video-card:hover .modern-video-image img.video-thumbnail {transform: scale(1.1);filter: brightness(1.1);}}.compel-grid .modern-video-image {position: relative;padding-top: 100%;background: #000;overflow: hidden;}@media (min-width: 992px) {.compel-grid .modern-video-image {padding-top: 62.5%;}.compel-grid .compel-item {min-height: 450px;}.compel-grid .modern-video-card {border-radius: 24px;}.compel-grid .modern-video-body {padding: 1.75rem;}.compel-grid .modern-video-title {font-size: 1.25rem;margin-bottom: 14px;font-weight: 700;}.compel-grid .modern-video-creator {margin-bottom: 14px;}}.compel-grid .modern-video-image img.video-thumbnail {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}.compel-grid .modern-video-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: linear-gradient(135deg, var(--compeller-red), var(--compeller-light-red));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;opacity: 0;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index: 10;box-shadow: 0 10px 30px rgba(238, 45, 65, 0.5);}.compel-grid .modern-video-card:hover .modern-video-play {opacity: 1;transform: translate(-50%, -50%) scale(1.1);}.compel-grid .modern-video-card:hover {transform: translateY(-8px);}.compel-grid .modern-video-body {padding: 1rem;display: flex;flex-direction: column;flex: 1;}.compel-grid .modern-video-creator {display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}.compel-grid .modern-video-creator img {width: 28px;height: 28px;border-radius: 50%;object-fit: cover;border: 2px solid rgba(238, 45, 65, 0.2);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}.compel-grid .modern-video-creator .creator-name {font-size: 0.9rem;font-weight: 600;color: rgba(255, 255, 255, 0.9);}.compel-grid .modern-video-title {font-size: 1rem;font-weight: 700;margin-bottom: 10px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: white;}.compel-grid .modern-video-info {display: flex;justify-content: space-between;align-items: center;color: rgba(255, 255, 255, 0.65);font-size: 0.85rem;margin-top: auto;padding-top: 0.5rem;border-top: 1px solid rgba(255, 255, 255, 0.05);}.compel-grid .views-count {display: flex;align-items: center;gap: 5px;font-weight: 500;}.compel-grid .views-count i {color: var(--compeller-red);font-size: 0.9rem;}.compeller-intro {margin-bottom: 4rem;padding: 3.5rem;background: linear-gradient(145deg, rgba(35, 35, 35, 0.8), rgba(25, 25, 25, 0.95));border-radius: 35px;border: 1px solid rgba(238, 45, 65, 0.15);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);max-width: 1400px;margin-left: auto;margin-right: auto;backdrop-filter: blur(20px);}.compeller-intro h2 {font-size: 2.5rem;margin-bottom: 2rem;color: white;position: relative;padding-bottom: 1.25rem;font-weight: 800;letter-spacing: -0.5px;text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}.compeller-intro h2::after {content: '';position: absolute;bottom: 0;left: 0;width: 80px;height: 4px;background: var(--primary-gradient);border-radius: 10px;box-shadow: 0 4px 12px rgba(238, 45, 65, 0.4);}.compeller-intro p {color: rgba(255, 255, 255, 0.85);font-size: 1.1rem;line-height: 1.8;margin-bottom: 1.5rem;}.benefits-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;margin: 2rem 0;}.benefit-item {background: linear-gradient(145deg, rgba(35, 35, 35, 0.7), rgba(25, 25, 25, 0.9));border-radius: 24px;padding: 2rem;border: 1px solid rgba(238, 45, 65, 0.15);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;align-items: center;text-align: center;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}.benefit-item:hover {transform: translateY(-8px);box-shadow: 0 20px 50px rgba(238, 45, 65, 0.2);border-color: rgba(238, 45, 65, 0.3);}.benefit-icon {width: 70px;height: 70px;background: linear-gradient(135deg, rgba(238, 45, 65, 0.15), rgba(247, 118, 130, 0.1));border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: var(--compeller-red);font-size: 1.75rem;box-shadow: 0 8px 24px rgba(238, 45, 65, 0.2);transition: all 0.3s ease;}.benefit-item:hover .benefit-icon {transform: scale(1.1);box-shadow: 0 12px 32px rgba(238, 45, 65, 0.3);}.benefit-item h4 {color: white;font-size: 1.35rem;margin-bottom: 1rem;font-weight: 700;}.benefit-item p {color: rgba(255, 255, 255, 0.75);font-size: 1rem;margin-bottom: 0;line-height: 1.7;}.cta-buttons {display: flex;gap: 1rem;flex-wrap: wrap;margin-top: 2rem;}.cta-btn {padding: 1rem 2.5rem;border-radius: 50px;font-weight: 700;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display: inline-flex;align-items: center;gap: 0.75rem;text-decoration: none;text-transform: uppercase;letter-spacing: 0.5px;position: relative;overflow: hidden;}.cta-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}.cta-btn:hover::before {left: 100%;}.cta-btn-primary {background: var(--primary-gradient);color: white;border: none;box-shadow: 0 10px 30px rgba(238, 45, 65, 0.35);}.cta-btn-primary:hover {transform: translateY(-4px);box-shadow: 0 15px 40px rgba(238, 45, 65, 0.5);color: white;}.cta-btn-secondary {background: linear-gradient(145deg, rgba(35, 35, 35, 0.8), rgba(25, 25, 25, 0.9));color: white;border: 2px solid rgba(238, 45, 65, 0.3);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}.cta-btn-secondary:hover {background: linear-gradient(145deg, rgba(45, 45, 45, 0.9), rgba(35, 35, 35, 1));transform: translateY(-4px);border-color: var(--compeller-red);box-shadow: 0 12px 30px rgba(238, 45, 65, 0.3);color: white;}.stories-container {display: flex;gap: 15px;padding: 15px 0;overflow-x: auto;scrollbar-width: none;margin-bottom: 20px;max-width: 1400px;margin-left: auto;margin-right: auto;}.stories-container::-webkit-scrollbar {display: none;}.story-item {display: flex;flex-direction: column;align-items: center;min-width: 80px;cursor: pointer;}.story-avatar {width: 70px;height: 70px;border-radius: 50%;padding: 3px;background: var(--primary-gradient);margin-bottom: 6px;}.story-avatar img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;border: 2px solid #000;background: #000;}.story-username {font-size: 0.75rem;color: #fff;text-align: center;max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.floating-create-btn {position: fixed;bottom: 30px;right: 30px;width: 65px;height: 65px;background: var(--primary-gradient);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 26px;box-shadow: 0 10px 35px rgba(238, 45, 65, 0.5);z-index: 100;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid rgba(255, 255, 255, 0.1);}.floating-create-btn:hover {transform: scale(1.15) rotate(90deg);box-shadow: 0 15px 50px rgba(238, 45, 65, 0.7);color: white;}@media (min-width: 1600px) {#user-compels-container,#public-compels-container,#compel-container {grid-template-columns: repeat(3, 1fr);max-width: 1800px;}.section-container {max-width: 1800px;margin-left: auto;margin-right: auto;}.compeller-intro {max-width: 1800px;margin-left: auto;margin-right: auto;}}@media (max-width: 1400px) and (min-width: 992px) {#user-compels-container,#public-compels-container,#compel-container {grid-template-columns: repeat(2, 1fr);max-width: 1000px;}}@media (max-width: 992px) {#user-compels-container,#public-compels-container,#compel-container {grid-template-columns: repeat(2, 1fr);}.section-container {padding: 2.5rem;border-radius: 28px;}.compeller-intro {padding: 2.5rem;border-radius: 28px;}.compel-grid .modern-video-card {border-radius: 18px;}.empty-state {border-radius: 20px;}.benefit-item {border-radius: 20px;}.benefits-list {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.section-heading {flex-direction: column;align-items: flex-start;}.filter-controls {margin-top: 1rem;width: 100%;justify-content: space-between;}.section-container {padding: 1.5rem;border-radius: 24px;margin-bottom: 2rem;}.compeller-intro {padding: 2rem;border-radius: 24px;}.compeller-intro h2 {font-size: 2rem;}#user-compels-container,#public-compels-container,#compel-container {grid-template-columns: 1fr;gap: 1.5rem;}.compel-grid .modern-video-card {border-radius: 16px;margin-bottom: 0;}.empty-state {padding: 3rem 1.5rem;border-radius: 20px;}.benefits-list {grid-template-columns: 1fr;gap: 1.25rem;}.benefit-item {margin-bottom: 0;border-radius: 18px;padding: 1.75rem;}.cta-buttons {flex-direction: column;}.cta-btn {width: 100%;padding: 0.95rem 2rem;}.stories-container {padding: 10px 0;margin: 0 -1rem 1rem -1rem;width: calc(100% + 2rem);}.story-item {min-width: 70px;}.story-avatar {width: 60px;height: 60px;}.floating-create-btn {width: 60px;height: 60px;font-size: 24px;bottom: 20px;right: 20px;}.page-hero {border-radius: 24px;padding: 3rem 1.5rem;}.hero-title {font-size: 2rem;}.hero-text {font-size: 1rem;}}@media (max-width: 992px) {.page-hero {border-radius: 35px;padding: 3.5rem 2rem;}.hero-title {font-size: 2.5rem;}.hero-text {font-size: 1.1rem;}}@media (max-width: 576px) {.page-hero {border-radius: 28px;padding: 2.5rem 1.25rem;}.hero-title {font-size: 1.8rem;}.hero-text {font-size: 0.95rem;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.section-container,.compeller-intro,.page-hero {animation: fadeInUp 0.8s ease forwards;}.page-hero {animation-delay: 0s;}.section-container:first-of-type {animation-delay: 0.15s;}.section-container:nth-of-type(2) {animation-delay: 0.3s;}.compeller-intro {animation-delay: 0.2s;}.video-block {min-height: 100vh;}