.header-navbar{background:#fff;box-shadow:0 2px 20px #00000014;border-bottom:1px solid #e9ecef;padding:0}.header-container{max-width:1400px;padding:0 30px}.header-logo{display:flex;flex-direction:column;align-items:flex-start;padding:15px 0;text-decoration:none}.logo-text{font-size:1.6rem;font-weight:800;color:#667eea;line-height:1;letter-spacing:-.5px}.logo-subtext{font-size:.8rem;font-weight:500;color:#6c757d;line-height:1;margin-top:-2px}.header-nav{margin-left:40px}.nav-tab{color:#495057!important;font-weight:500;padding:20px 16px!important;margin:0 4px;border-radius:8px;transition:all .3s ease;position:relative;background:transparent!important;border:none;font-size:.95rem}.nav-tab:hover{color:#667eea!important;background-color:#f8f9fa!important}.nav-tab.active{color:#667eea!important;background:transparent!important;border-bottom:2px solid #667eea}.nav-tab i{font-size:.85rem;opacity:.8;margin-right:8px}.header-user-nav,.user-menu{display:flex;align-items:center;gap:15px}.profile-link{color:#495057!important;font-weight:500;padding:12px 16px!important;border-radius:8px;transition:all .3s ease;text-decoration:none;background:transparent!important;border:none;font-size:.9rem;display:flex;align-items:center;white-space:nowrap}.profile-link:hover{color:#667eea!important;background-color:#f8f9fa!important}.profile-link i{font-size:.85rem;opacity:.8}.nav-icon-link{color:#6c757d!important;padding:12px!important;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent!important}.nav-icon-link:hover{color:#667eea!important;background-color:#f8f9fa!important}.nav-icon-link i{font-size:1rem}.auth-buttons{display:flex;align-items:center;gap:10px}.login-btn{border:2px solid #667eea;color:#667eea;background:transparent;padding:10px 20px;border-radius:25px;font-weight:500;transition:all .3s ease;font-size:.95rem}.login-btn:hover{background:#667eea;color:#fff;box-shadow:0 4px 15px #667eea4d}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-weight:600;transition:all .3s ease;font-size:.95rem}.signup-btn:hover{box-shadow:0 6px 20px #667eea66;color:#fff}.logout-btn{border:2px solid #dc3545;color:#dc3545;background:transparent;padding:12px 24px;border-radius:25px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;font-size:.95rem}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#dc3545,#c82333);transition:left .3s ease;z-index:-1}.logout-btn:hover{color:#fff;box-shadow:0 6px 20px #dc35454d}.logout-btn:hover:before{left:0}.logout-btn i{transition:transform .3s ease}.header-toggle{border:none;padding:8px;border-radius:8px;transition:all .3s ease;background:transparent!important}.header-toggle:hover{background-color:#f8f9fa!important}.header-toggle:focus{box-shadow:none!important;outline:none!important;background-color:transparent!important}.header-navbar *:focus,.header-navbar *:active,.header-navbar *:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.nav-tab:focus,.nav-tab:active,.nav-tab:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.profile-link:focus,.profile-link:active,.profile-link:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.nav-icon-link:focus,.nav-icon-link:active,.nav-icon-link:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.login-btn:focus,.login-btn:active,.login-btn:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.signup-btn:focus,.signup-btn:active,.signup-btn:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.logout-btn:focus,.logout-btn:active,.logout-btn:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.header-logo:focus,.header-logo:active,.header-logo:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.btn:active,.btn:focus,.btn:focus-visible{background-color:inherit!important;transform:none!important}a:active,a:focus,a:focus-visible{background-color:transparent!important}.header-navbar a,.header-navbar a:link,.header-navbar a:visited,.header-navbar a:hover,.header-navbar a:active,.header-navbar a:focus{text-decoration:none!important;outline:none!important;border:none!important;box-shadow:none!important;background-color:transparent!important}.nav-tab,.profile-link,.nav-icon-link,.header-logo{text-decoration:none!important;outline:none!important;border:none!important;box-shadow:none!important;background-color:transparent!important}.nav-link:focus,.nav-link:active,.nav-link:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.navbar-nav .nav-link:focus,.navbar-nav .nav-link:active,.navbar-nav .nav-link:focus-visible{outline:none!important;box-shadow:none!important;background-color:transparent!important}.nav-link:active,.nav-link:focus,.nav-link:focus-visible,.nav-link:focus-within{background-color:transparent!important;outline:none!important;box-shadow:none!important}.header-navbar .nav-link,.header-navbar .nav-item,.header-navbar .navbar-nav .nav-link{background-color:transparent!important;outline:none!important;box-shadow:none!important}.header-navbar .nav-link:active,.header-navbar .nav-link:focus,.header-navbar .nav-link:focus-visible,.header-navbar .nav-link:focus-within{background-color:transparent!important;outline:none!important;box-shadow:none!important}@media (max-width: 1200px){.header-container{padding:0 20px}}@media (max-width: 992px){.header-nav{margin-left:0;margin-top:20px}.nav-tab{padding:15px 16px!important;margin:4px 0;text-align:center;font-size:.9rem}.header-user-nav{margin-top:20px;justify-content:center;width:100%}.user-menu{flex-direction:column;width:100%;gap:10px}.profile-link{justify-content:center;width:100%;padding:12px 20px!important}.auth-buttons{flex-direction:column;width:100%}.login-btn,.signup-btn,.logout-btn{width:100%;margin:5px 0;font-size:.9rem}}@media (max-width: 576px){.header-container{padding:0 15px}.logo-text{font-size:1.3rem}.logo-subtext{font-size:.75rem}.nav-tab{padding:12px 16px!important;font-size:.85rem}.profile-link{padding:10px 16px!important;font-size:.85rem}.signup-btn,.logout-btn{padding:10px 20px;font-size:.85rem}}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:60px 0 30px;margin-top:80px}.footer-content{max-width:1400px}.footer-brand{margin-bottom:40px}.footer-logo{display:flex;align-items:center;margin-bottom:20px}.footer-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.2rem;color:#fff}.footer-logo-text{font-size:1.4rem;font-weight:700;color:#fff}.footer-description{color:#bdc3c7;line-height:1.6;margin-bottom:20px;font-size:.95rem}.social-links{display:flex;gap:15px}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1rem}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.footer-section{margin-bottom:30px}.footer-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:20px;position:relative}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#bdc3c7;text-decoration:none;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center}.footer-links a:hover{color:#667eea}.footer-links a i{margin-right:8px;font-size:.8rem;opacity:.7}.contact-info{list-style:none;padding:0;margin:0}.contact-info li{margin-bottom:15px;display:flex;align-items:flex-start;color:#bdc3c7;font-size:.9rem}.contact-info i{margin-right:12px;margin-top:2px;color:#667eea;font-size:.9rem;min-width:16px}.footer-divider{height:1px;background:#ffffff1a;margin:40px 0 30px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{color:#bdc3c7;font-size:.9rem}.footer-policies{display:flex;gap:20px}.footer-policies a{color:#bdc3c7;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-policies a:hover{color:#667eea}@media (max-width: 992px){.footer{padding:40px 0 20px}.footer-content{text-align:center}.footer-logo,.social-links{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.footer-policies{justify-content:center}}@media (max-width: 768px){.footer{padding:30px 0 20px;margin-top:60px}.footer-logo-text{font-size:1.2rem}.footer-description{font-size:.9rem}.footer-title{font-size:1rem}.footer-links a,.contact-info li{font-size:.85rem}.footer-policies a{font-size:.8rem}}@media (max-width: 576px){.footer{padding:25px 0 15px}.footer-logo-text{font-size:1.1rem}.footer-logo-icon{width:35px;height:35px;font-size:1rem}.footer-description{font-size:.85rem}.footer-title{font-size:.95rem}.footer-links a,.contact-info li{font-size:.8rem}.footer-policies a{font-size:.75rem}.copyright{font-size:.8rem}.social-link{width:35px;height:35px;font-size:.9rem}}.home-container{background-color:#f8f9fa;min-height:100vh}.home-main-content{padding:30px 20px;max-width:1200px}.home-main-hero-card{border:none;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;background:linear-gradient(135deg,#667eea,#764ba2);min-height:400px;display:flex;align-items:center}.home-hero-content{color:#fff;padding:60px 40px}.home-hero-title{font-size:3.5rem;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:20px}.home-hero-subtitle{font-size:1.3rem;font-weight:400;opacity:.95;line-height:1.6;max-width:600px;margin:0 auto}.home-hero-buttons{margin-top:40px}.home-hero-buttons .btn{border-radius:30px;padding:15px 30px;font-weight:600;font-size:1.1rem;transition:all .3s ease;background-color:#fff;border-color:#fff;color:#000}.home-hero-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;background-color:#f8f9fa;border-color:#f8f9fa}.home-section-title{color:#2c3e50;font-weight:700;font-size:2.2rem;margin-bottom:30px}.home-container .btn-primary{background-color:#fff!important;border-color:#000!important;color:#000!important;border-width:.1px!important;border-style:solid!important}.home-container .btn-primary:hover{background-color:#f8f9fa!important;border-color:#000!important;color:#000!important}.home-how-to-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%}.home-how-to-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.home-how-to-card .card-body{padding:30px 25px}.home-step-icon{margin-bottom:20px;height:80px;display:flex;align-items:center;justify-content:center}.home-how-to-card .card-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.home-how-to-card .card-text{color:#6c757d;line-height:1.6;font-size:.95rem}.home-tier-verification-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff}.home-tier-verification-card .card-body{padding:40px}.home-verification-steps{margin-bottom:30px}.home-verification-step{display:flex;align-items:flex-start;gap:20px}.home-step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.home-step-content h5{color:#2c3e50;font-weight:600;margin-bottom:8px}.home-step-content p{color:#6c757d;line-height:1.6;margin:0}.home-timeline-guide-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff}.home-timeline-guide-card .card-body{padding:40px}.home-timeline-features h5{color:#2c3e50;font-weight:600;margin-bottom:20px}.home-feature-list{list-style:none;padding:0;margin:0}.home-feature-list li{color:#2c3e50;margin-bottom:12px;font-size:.95rem;line-height:1.5;font-weight:500}.home-timeline-example h5{color:#2c3e50;font-weight:600;margin-bottom:20px}.home-example-timeline{background:#f8f9fa;border-radius:12px;padding:20px}.home-container .home-example-timeline .home-timeline-item{display:flex;align-items:center;margin-bottom:15px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.home-container .home-example-timeline .home-timeline-item:last-child{margin-bottom:0}.home-container .home-example-timeline .home-timeline-item .home-time{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-right:15px;min-width:60px;text-align:center}.home-container .home-example-timeline .home-timeline-item .home-description{color:#495057;font-size:.9rem;font-weight:500}.home-feature-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%}.home-feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.home-feature-card .card-body{padding:30px 25px}.home-feature-icon{margin-bottom:20px;height:60px;display:flex;align-items:center;justify-content:center}.home-feature-card .card-title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.home-feature-card .card-text{color:#6c757d;line-height:1.6;font-size:.9rem}.home-cta-card{border:none;border-radius:20px;box-shadow:0 8px 30px #0000001a;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.home-cta-card .card-body{padding:50px 40px}.home-cta-card h2{color:#2c3e50;font-weight:700;font-size:2.2rem}.home-cta-card p{color:#6c757d;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.home-cta-buttons .btn{border-radius:30px;padding:15px 30px;font-weight:600;font-size:1.1rem;transition:all .3s ease;background-color:#fff;border-color:#fff;color:#000}.home-cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background-color:#f8f9fa;border-color:#f8f9fa}@media (max-width: 768px){.home-main-content{padding:20px 15px}.home-hero-title{font-size:2.5rem}.home-hero-subtitle{font-size:1.1rem}.home-hero-content{padding:40px 25px}.home-section-title{font-size:1.8rem}.home-tier-verification-card .card-body,.home-timeline-guide-card .card-body{padding:25px}.home-cta-card .card-body{padding:30px 25px}.home-cta-card h2{font-size:1.8rem}}@media (max-width: 576px){.home-hero-title{font-size:2rem}.home-hero-content{padding:30px 20px}.home-hero-buttons .btn{display:block;width:100%;margin-bottom:15px}.home-verification-step{flex-direction:column;text-align:center;gap:15px}.home-container .home-example-timeline .home-timeline-item{flex-direction:column;text-align:center;gap:10px}.home-container .home-example-timeline .home-timeline-item .home-time{margin-right:0;margin-bottom:10px}}.videos-container{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.videos-content{max-width:1400px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-content{text-align:center}.loading-spinner{width:3rem;height:3rem;margin-bottom:20px}.loading-text{color:#6c757d;font-weight:500;font-size:1.1rem}.empty-container{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-content{text-align:center;max-width:500px}.empty-illustration{margin-bottom:30px;opacity:.6}.empty-title{color:#2c3e50;font-weight:600;margin-bottom:15px;font-size:1.8rem}.empty-description{color:#6c757d;font-size:1rem;margin-bottom:30px;line-height:1.6}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:15px 30px;border-radius:25px;font-weight:600;transition:all .3s ease;font-size:1rem}.upload-btn:hover{box-shadow:0 6px 20px #667eea4d}.videos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.page-title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:15px}.upload-btn-header{background-color:#fff!important;border:1px solid #000000!important;color:#000!important;padding:15px 30px;border-radius:25px;font-weight:600;transition:all .3s ease;white-space:nowrap;font-size:1rem}.upload-btn-header:hover{background-color:#f8f9fa!important;border-color:#000!important;color:#000!important;box-shadow:0 6px 20px #0000001a}.stats-row{margin-bottom:40px}.stat-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%}.stat-card:hover{box-shadow:0 8px 30px #00000026}.stat-card .card-body{padding:30px 20px}.stat-icon{margin-bottom:20px}.stat-icon i{font-size:2.2rem;opacity:.8}.stat-number{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.stat-label{color:#6c757d;font-size:.95rem;font-weight:500;margin:0}.videos-grid{margin-bottom:40px}.video-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer;height:100%}.video-card:hover{box-shadow:0 12px 40px #00000026}.video-thumbnail{position:relative;overflow:hidden;aspect-ratio:16/9;background-color:#f8f9fa}.thumbnail-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#667eea;font-size:1.5rem;transition:all .3s ease}.play-button:hover{background:#fff}.video-card-body{padding:20px}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.video-category{font-size:.8rem;padding:6px 12px;border-radius:15px;font-weight:500}.video-date{color:#6c757d;font-size:.8rem}.video-title{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stats{display:flex;gap:15px}.stat-item{color:#6c757d;font-size:.8rem;display:flex;align-items:center}.stat-item i{margin-right:5px;opacity:.7}.load-more-section{margin-top:40px}.load-more-btn{border:2px solid #667eea;color:#667eea;background:transparent;padding:15px 40px;border-radius:25px;font-weight:600;transition:all .3s ease;font-size:1rem}.load-more-btn:hover{background:#667eea;color:#fff;box-shadow:0 6px 20px #667eea4d}@media (max-width: 992px){.videos-header{flex-direction:column;gap:20px;text-align:center}.page-title{font-size:1.8rem}.upload-btn-header{align-self:center}.stat-card .card-body{padding:25px 20px}.stat-number,.stat-icon i{font-size:1.8rem}}@media (max-width: 768px){.videos-container{padding:20px 0}.videos-header{padding:20px;margin-bottom:30px}.page-title{font-size:1.6rem}.page-subtitle{font-size:.95rem}.stats-row{margin-bottom:30px}.video-card-body{padding:15px}.video-title{font-size:.95rem}.stat-number,.stat-icon i{font-size:1.6rem}}@media (max-width: 576px){.videos-header{padding:15px}.page-title{font-size:1.4rem}.stat-card .card-body{padding:20px 15px}.stat-number,.stat-icon i{font-size:1.5rem}.upload-btn,.upload-btn-header,.load-more-btn{padding:12px 25px;font-size:.9rem}.video-title{font-size:.9rem}.video-category,.video-date,.stat-item{font-size:.75rem}}.videos-info{display:flex;gap:20px;margin-top:10px;font-size:14px;color:#666}.total-videos,.current-page{display:flex;align-items:center;gap:5px}.pagination-section{margin-top:40px;margin-bottom:40px}.pagination-section .pagination{margin-bottom:0}.pagination-section .page-link{color:#007bff;border:1px solid #dee2e6;padding:8px 12px;margin:0 2px;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-section .page-link:hover{background-color:#e9ecef;border-color:#007bff;color:#007bff}.pagination-section .page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-section .page-item.disabled .page-link{color:#6c757d;cursor:not-allowed;background-color:#fff;border-color:#dee2e6}.pagination-section .page-item.ellipsis .page-link{cursor:default;background-color:transparent;border-color:transparent}.pagination-section .page-item.ellipsis .page-link:hover{background-color:transparent;border-color:transparent}.video-upload-container{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.video-upload-content{max-width:1200px}.upload-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding:30px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.header-content{flex:1}.page-title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:#6c757d;font-size:1rem;margin:0;line-height:1.6}.upload-steps{display:flex;flex-direction:column;align-items:center;gap:10px}.step-badge{font-size:.9rem;padding:8px 16px;border-radius:20px;font-weight:600}.step-text{color:#6c757d;font-size:.9rem;font-weight:500}.upload-form-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff;overflow:hidden}.upload-form-card .card-body{padding:30px}.form-section-header{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.section-title{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:10px;display:flex;align-items:center}.section-title i{color:#667eea}.section-description{color:#6c757d;font-size:.95rem;margin:0;line-height:1.6}.form-label{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:.95rem}.timeline-label{font-weight:500;color:#495057;font-size:.9rem;margin-bottom:6px}.form-input,.form-textarea,.timeline-input,.timeline-content-input{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s ease;background-color:#f8f9fa}.form-input:focus,.form-textarea:focus,.timeline-input:focus,.timeline-content-input:focus{border-color:#667eea;background-color:#fff;box-shadow:0 0 0 .2rem #667eea40}.form-textarea{resize:vertical;min-height:100px}.form-file-input{border:2px dashed #dee2e6;border-radius:12px;padding:20px;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer;font-size:.95rem}.form-file-input:hover{border-color:#667eea;background-color:#667eea0d}.form-file-input:focus{border-color:#667eea;background-color:#fff;box-shadow:0 0 0 .2rem #667eea40}.file-info{margin-top:10px;padding:10px 15px;background:#667eea1a;border-radius:8px;color:#667eea;font-size:.9rem;font-weight:500}.timeline-container{margin-top:20px}.timeline-item{position:relative;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:15px;border:1px solid #e9ecef;transition:all .3s ease}.timeline-item:hover{background:#fff;border-color:#667eea;box-shadow:0 2px 10px #667eea1a}.timeline-input{text-align:center;font-weight:600;color:#495057}.timeline-content-input{font-weight:500}.remove-timeline-btn,.reset-timeline-btn{border-radius:8px!important;padding:8px 12px!important;transition:all .3s ease!important;font-size:.9rem!important;min-width:40px!important;border:1px solid #6c757d!important;background-color:transparent!important;color:#6c757d!important}.remove-timeline-btn:hover{background-color:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.timeline-item .btn.remove-timeline-btn,.timeline-item button.remove-timeline-btn,.timeline-item .remove-timeline-btn{position:absolute!important;top:12px!important;right:12px!important;border-radius:8px!important;padding:8px 12px!important;transition:all .3s ease!important;font-size:.9rem!important;min-width:40px!important;border:1px solid #6c757d!important;background-color:transparent!important;color:#6c757d!important;box-shadow:none!important;outline:none!important;z-index:11!important}.timeline-item .btn.remove-timeline-btn:hover,.timeline-item button.remove-timeline-btn:hover{background-color:#dc3545!important;color:#fff!important;border-color:#dc3545!important;box-shadow:0 2px 8px #dc35454d!important}.reset-timeline-btn:hover{background-color:#ffc107;color:#212529}.timeline-actions{margin-top:20px;text-align:center}.add-timeline-btn{border-radius:25px;padding:12px 24px;font-weight:500;transition:all .3s ease;font-size:.95rem}.add-timeline-btn:hover{box-shadow:0 4px 15px #667eea4d}.upload-actions{display:flex;justify-content:center;gap:20px;margin-top:40px}.upload-actions .btn.cancel-btn{border:2px solid #6c757d;color:#6c757d;background:transparent;border-radius:25px;padding:0 30px;font-weight:600;transition:all .3s ease;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;height:50px;min-height:50px}.upload-actions .btn.cancel-btn:hover{box-shadow:0 4px 15px #6c757d4d!important}.upload-actions .btn.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:25px;padding:0 30px;font-weight:600;transition:all .3s ease;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;height:50px;min-height:50px}.upload-actions .btn.upload-btn:hover{box-shadow:0 6px 20px #667eea66!important}.upload-actions .btn.upload-btn:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.upload-btn .spinner-border{width:1rem;height:1rem}@media (max-width: 992px){.upload-header{flex-direction:column;gap:20px;text-align:center}.page-title{font-size:1.8rem}.upload-steps{align-self:center}.upload-form-card .card-body{padding:25px}.timeline-item{padding:15px}.section-title{font-size:1.2rem}}@media (max-width: 768px){.video-upload-container{padding:20px 0}.upload-header{padding:20px;margin-bottom:30px}.page-title{font-size:1.6rem}.page-subtitle{font-size:.95rem}.upload-form-card .card-body{padding:20px}.section-title{font-size:1.1rem}.section-description{font-size:.9rem}.upload-actions{flex-direction:column;align-items:center}.cancel-btn,.upload-btn{width:100%;max-width:300px}}@media (max-width: 576px){.upload-header{padding:15px}.page-title{font-size:1.4rem}.upload-form-card .card-body{padding:15px}.form-input,.form-textarea,.timeline-input,.timeline-content-input{padding:10px 14px;font-size:.9rem}.timeline-item{padding:12px}.cancel-btn,.upload-btn{padding:12px 25px;font-size:.9rem}.add-timeline-btn{padding:10px 20px;font-size:.9rem}.section-title{font-size:1rem}.section-description{font-size:.85rem}.form-label{font-size:.9rem}.timeline-label{font-size:.85rem}}.video-detail-container{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.video-player-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;margin-bottom:30px}.video-info-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;background:#fff}.video-title{color:#2c3e50;font-weight:700;font-size:1.8rem;line-height:1.3}.video-description{color:#6c757d;font-size:1rem;line-height:1.6}.video-stats{min-width:200px}.video-stat-item{padding:8px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.video-stat-value{font-weight:700;color:#2c3e50;font-size:1.1rem}.video-stat-label{color:#6c757d;font-size:.9rem}.video-like-btn{border-radius:20px;padding:8px 16px;font-weight:500;transition:all .3s ease;min-width:100px}.video-like-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #dc35454d}.video-like-btn .fa-heart{margin-right:4px}.video-timeline-section{margin-bottom:30px}.video-timeline-section h4{color:#2c3e50;font-weight:700;margin-bottom:20px;font-size:1.5rem}.video-timeline-item{background:#fff;border:1px solid #e9ecef!important;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px!important}.video-timeline-item:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea1a}.video-timeline-content{color:#495057;font-size:1rem;line-height:1.5;margin-top:10px}.video-feedback-count{font-size:.8rem;padding:6px 12px;border-radius:20px;background-color:#6c757d!important;color:#fff}.video-feedback-count:hover{background-color:#5a6268!important}.video-feedback-button{border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .3s ease}.video-feedback-button:hover{box-shadow:0 4px 15px #667eea33}.video-feedback-add-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-size:.85rem!important;font-weight:500!important;padding:6px 16px!important;border-radius:20px!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important}.video-feedback-add-btn:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px);color:#fff!important;text-decoration:none!important}.video-feedback-input-section{border:1px solid #e9ecef;border-radius:12px;margin-top:15px;padding:20px!important}.video-feedback-input-section .form-label{font-weight:600;color:#2c3e50;margin-bottom:10px}.video-feedback-input-section .form-control{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s ease}.video-feedback-input-section .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.video-feedback-input-section .btn{border-radius:20px!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:500!important;transition:all .3s ease!important}.video-feedback-input-section .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.video-feedback-input-section .btn-primary:hover{box-shadow:0 4px 15px #667eea4d}.video-feedback-input-section .btn-outline-secondary{border:2px solid #6c757d!important;color:#6c757d!important;background:transparent!important}.video-feedback-input-section .btn-outline-secondary:hover{background:#6c757d!important;color:#fff!important}.video-feedback-list{margin-top:15px}.video-feedback-list h6{color:#6c757d;font-weight:600;margin-bottom:15px}.video-feedback-item{background:#f8f9fa!important;border:1px solid #e9ecef!important;border-radius:8px!important;margin-bottom:10px!important;padding:15px!important}.video-tier-badge{display:inline-flex;align-items:center;font-size:.8rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#667eea1a;border:1px solid rgba(102,126,234,.2);margin-left:8px}.video-feedback-item .video-feedback-comment{color:#495057;font-size:.95rem;line-height:1.4;margin-top:8px}.video-feedback-item .btn{border-radius:15px!important;padding:6px 12px!important;font-size:.8rem!important;font-weight:500!important;transition:all .3s ease!important}.video-feedback-item .btn-outline-primary{border:2px solid #667eea!important;color:#667eea!important;background:transparent!important}.video-feedback-item .btn-outline-primary:hover{background:#667eea!important;color:#fff!important}.video-feedback-item .btn-outline-danger{border:2px solid #dc3545!important;color:#dc3545!important;background:transparent!important}.video-feedback-item .btn-outline-danger:hover{background:#dc3545!important;color:#fff!important}.video-feedback-item .btn-success{background:linear-gradient(135deg,#28a745,#20c997)!important;border:none!important;color:#fff!important}.video-feedback-item .btn-success:hover{box-shadow:0 4px 15px #28a7454d;transform:translateY(-1px)}.video-feedback-modal .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none}.video-feedback-modal .modal-title{font-weight:600}.video-feedback-modal .modal-body{padding:25px}.video-feedback-modal .form-label{font-weight:600;color:#2c3e50;margin-bottom:10px}.video-feedback-modal .form-control{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s ease}.video-feedback-modal .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.video-feedback-modal .modal-footer{border-top:1px solid #e9ecef;padding:20px 25px}.video-feedback-modal .btn{border-radius:25px;padding:10px 24px;font-weight:500;transition:all .3s ease}.video-feedback-modal .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.video-feedback-modal .btn-primary:hover{box-shadow:0 4px 15px #667eea4d}.video-feedback-modal .btn-secondary{border:2px solid #6c757d;color:#6c757d;background:transparent}.video-feedback-modal .btn-secondary:hover{background:#6c757d;color:#fff}.video-comments-section{margin-bottom:30px}.video-comments-section h4{color:#2c3e50;font-weight:700;margin-bottom:20px;font-size:1.5rem}.video-comment-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:15px;transition:all .3s ease}.video-comment-item:hover{border-color:#667eea;box-shadow:0 2px 10px #667eea1a}.video-comment-form{margin-top:25px}.video-comment-input{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:.95rem;transition:all .3s ease}.video-comment-input:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.video-comment-button{border-radius:25px!important;padding:12px 24px!important;font-weight:500!important;font-size:.95rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;margin-left:10px;transition:all .3s ease;color:#fff!important}.video-comment-button:hover{box-shadow:0 4px 15px #667eea4d;color:#fff!important}.video-timeline-time{cursor:pointer;font-weight:600;color:#667eea;transition:all .3s ease;padding:4px 8px;border-radius:6px}.video-timeline-time:hover{background-color:#667eea1a;color:#5a67d8}@media (max-width: 768px){.video-detail-container{padding:20px 0}.video-timeline-item{padding:15px!important}.video-feedback-modal .modal-body{padding:20px}.video-feedback-modal .modal-footer{padding:15px 20px}.video-comment-button{margin-left:0;margin-top:10px;width:100%}}@media (max-width: 576px){.video-timeline-item{padding:12px!important}.video-timeline-content{font-size:.9rem}.video-feedback-count{font-size:.75rem;padding:4px 8px}.video-feedback-button{font-size:.8rem;padding:4px 12px}}.user-profile-container{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.profile-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:none;padding:30px}.profile-avatar-section{display:flex;align-items:center;gap:20px}.profile-avatar{width:100px;height:100px;border:4px solid rgba(255,255,255,.3);object-fit:cover}.profile-info h2{margin:0;font-weight:700;font-size:2rem}.profile-info p{margin:5px 0;font-size:1.1rem;opacity:.9}.tier-badge{display:inline-block;background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;margin-top:10px}.profile-nav-link{color:#495057;border:none;border-radius:12px;margin-bottom:10px;padding:15px 20px;font-weight:500;transition:all .3s ease;text-align:left}.profile-nav-link:hover{color:#667eea;background-color:#667eea1a}.profile-nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-content{padding:20px 0}.tab-content h4{color:#2c3e50;font-weight:700;margin-bottom:25px;font-size:1.5rem}.info-display p{font-size:1.1rem;margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.info-display strong{color:#2c3e50;margin-right:10px}.edit-btn{border-radius:25px!important;padding:12px 24px!important;font-weight:500!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;transition:all .3s ease!important;color:#fff!important;-webkit-appearance:none!important;appearance:none!important;outline:none!important}.edit-btn:hover{box-shadow:0 4px 15px #667eea4d!important}.form-label{font-weight:600;color:#2c3e50;margin-bottom:8px}.form-control,.form-select{border:2px solid #e9ecef;border-radius:12px;padding:12px 16px;font-size:1rem;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.button-group{margin-top:20px}.button-group .btn{border-radius:25px;padding:12px 24px;font-weight:500;transition:all .3s ease}.button-group .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.button-group .btn-primary:hover{box-shadow:0 4px 15px #667eea4d}.button-group .btn-secondary{border:2px solid #6c757d;color:#6c757d;background:transparent}.button-group .btn-secondary:hover{box-shadow:0 4px 15px #6c757d4d}.btn-primary[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:12px 24px;font-weight:500;transition:all .3s ease}.btn-primary[type=submit]:hover{box-shadow:0 4px 15px #667eea4d}.image-upload-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.current-image,.upload-section{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e9ecef}.current-image{padding:15px;text-align:center}.current-image h6,.upload-section h6{color:#2c3e50;font-weight:600;margin-bottom:12px;font-size:1rem}.current-image h6{margin-bottom:10px}.current-profile-image{width:140px;height:140px;object-fit:cover;border:3px solid #667eea;margin:0 auto}.file-input{border:2px dashed #667eea;background:#667eea0d;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.file-input:hover{background:#667eea1a;border-color:#5a67d8}.image-preview{margin:20px 0;text-align:center}.preview-image{width:120px;height:120px;object-fit:cover;border:2px solid #28a745}.upload-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;padding:12px 24px;font-weight:500;transition:all .3s ease;width:100%}.upload-btn:hover:not(:disabled){box-shadow:0 4px 15px #28a7454d}.upload-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.user-profile-container{padding:20px 0}.profile-header{padding:20px}.profile-avatar-section{flex-direction:column;text-align:center;gap:15px}.profile-avatar{width:80px;height:80px}.profile-info h2{font-size:1.5rem}.image-upload-section{grid-template-columns:1fr;gap:20px}.profile-nav-link{padding:12px 15px;font-size:.9rem}}@media (max-width: 576px){.profile-header{padding:15px}.profile-avatar{width:70px;height:70px}.profile-info h2{font-size:1.3rem}.profile-info p{font-size:1rem}.tier-badge{font-size:.8rem;padding:6px 12px}.tab-content{padding:15px 0}.tab-content h4{font-size:1.3rem;margin-bottom:20px}.form-control,.form-select{padding:10px 14px;font-size:.95rem}.button-group .btn{padding:10px 20px;font-size:.9rem}}:root{--bs-body-font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !important;--bs-font-sans-serif: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !important}*{margin:0;padding:0;box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important}html{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important;background-color:#f8f9fa;color:#2c3e50;line-height:1.6}body,body *,html,html *,.btn,.form-control,.form-label,.nav-link,.card-title,.card-text,.alert,.badge,.modal-title,.modal-body,.dropdown-item,.list-group-item,.table,.pagination,.navbar-brand,.navbar-nav .nav-link,.input-group-text,.form-select,.form-check-label,.tooltip,.popover,h1,h2,h3,h4,h5,h6,p,span,div,li,td,th,input,textarea,select,label,legend,caption,.navbar,.navbar-nav,.navbar-toggler,.navbar-collapse{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.fas,.far,.fab,.fa,[class*=fa-]{font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Brands"!important;font-weight:900!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important}.far{font-family:"Font Awesome 6 Free"!important;font-weight:400!important}button,.btn,[type=button],[type=submit],[type=reset]{cursor:pointer;border:none;outline:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif!important;display:inline-block;vertical-align:middle;text-align:center;line-height:1.5;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-appearance:none;appearance:none;padding:.375rem .75rem;font-size:1rem;font-weight:400;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.remove-timeline-btn,.reset-timeline-btn,.add-timeline-btn,.cancel-btn,.upload-btn{display:inline-block!important;vertical-align:middle!important;line-height:normal!important;white-space:nowrap!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background:#667eea4d;color:#2c3e50}:focus{outline:2px solid rgba(102,126,234,.5);outline-offset:2px}.fade-in{animation:fadeIn .6s ease-in-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-soft{box-shadow:0 2px 10px #0000000d}.shadow-medium{box-shadow:0 4px 20px #00000014}.shadow-strong{box-shadow:0 8px 30px #0000001f}.border-radius-large{border-radius:16px}.border-radius-medium{border-radius:12px}.border-radius-small{border-radius:8px}.hide-mobile{display:block}.hide-desktop{display:none}@media (max-width: 768px){.hide-mobile{display:none}.hide-desktop{display:block}}