.form-wrapper{background-color:initial;border-radius:12px;box-shadow:0 0 10px #ffffff1a;display:flex;flex-direction:column;max-width:320px;padding:20px;width:100%}.form-wrapper h2{color:#fff;margin-bottom:15px;text-align:center}input[type=email],input[type=password],input[type=text]{border:none;border-radius:6px;font-size:14px;margin-bottom:12px;outline:none;padding:10px}.primary-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease}.primary-btn:hover{background-color:#2980b9}.form-heading{color:#fff;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center}.form-options{color:#fff;display:flex;font-size:12px;justify-content:space-between;margin:10px 0}.forgot-link{color:#ccc;text-decoration:none}.forgot-link:hover{text-decoration:underline}.toggle-prompt{color:#ccc;font-size:14px;margin-top:10px;text-align:center}.toggle-link{color:#3498db;cursor:pointer;font-weight:500;margin-left:4px}.toggle-link:hover{text-decoration:underline}.header{background-color:#081e3f;box-shadow:0 2px 5px #00000026;color:#fff;padding:12px 10px;width:100%}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 10px;width:100%}.logo-wrapper{align-items:center;display:flex;gap:10px;margin-left:0}.logo-img{height:34px;object-fit:contain;width:34px}.logo-text{color:#fff!important;font-size:24px;text-decoration:none}.start-btn{background-color:#1b768d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.start-btn:hover{background-color:#176578}.button-group{display:flex;gap:15px}.home-container{display:flex;height:100vh;overflow:hidden}.left-side{align-items:flex-start;background-color:#fff;color:#0b0f2a;display:flex;flex:1 1;justify-content:center;padding:100px 60px 60px}.left-content{max-width:500px;text-align:center}.title{color:#2277b4;font-size:3rem;font-weight:800;margin-bottom:20px}.welcome-text{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.description{color:#555;font-size:1.1rem;margin-bottom:10px}.get-started-btn{background-color:#2b5278;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:12px 30px;transition:background-color .3s ease}.get-started-btn:hover{background-color:#1a1f4c}.right-side{align-items:flex-start;background-color:#0b0f2a;box-sizing:border-box;display:flex;flex:1 1;height:100vh;justify-content:center;padding-top:80px}.dashboard-container{display:flex;font-family:sans-serif;min-height:100vh}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding-top:20px;width:240px}.logo-container{align-items:center;display:flex;margin-bottom:30px;padding:0 20px}.logo{height:24px;margin-right:10px;width:24px}.logo-text{color:#1d3557;font-size:22px;font-weight:700}.nav-links{display:flex;flex-direction:column;gap:15px;padding:0 20px}.nav-item{align-items:center;color:#333;display:flex;font-size:16px;gap:10px;padding:6px 0;text-decoration:none}.nav-item:hover{background-color:#f1f1f1;color:#000;font-weight:500}.main-content{background-color:#fefefe;display:flex;flex:1 1;flex-direction:column}.topbar{background-color:#f7f9fc;border-bottom:1px solid #ddd;justify-content:flex-end;padding:.8rem 1.5rem}.topbar,.topbar-nav-container{align-items:center;display:flex}.topbar-nav-container{gap:2rem}.topbar-nav{display:flex;gap:1.5rem}.topbar-link{color:#000;font-weight:500;text-decoration:none}.topbar-link:hover{color:#07c}.topbar-link.active{background-color:#07c;color:#fff;font-weight:600}.logout-button{background-color:#bb584d;border:none;border-radius:8px;color:#fff;font-weight:600;padding:8px 18px}.logout-button:hover{background-color:#f86c5c}.page-content{padding:1.5rem}.homefeed-container{background-color:#f9f9f9;min-height:100vh;padding:20px}.homefeed-heading{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:20px}.homefeed-loading{color:#555;font-size:16px}.video-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000012;margin-bottom:24px;padding:16px;transition:transform .2s ease}.video-card:hover{transform:translateY(-4px)}.video-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.video-frame,.video-player{border:none;border-radius:8px;max-height:400px;outline:none;width:100%}.video-footer{align-items:center;color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:12px}.share-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px;transition:background-color .2s}.share-button:hover{background-color:#2980b9}.create-content-container{background-color:#f9f9f9;border-radius:10px;font-family:Segoe UI,sans-serif;margin:30px auto;max-width:700px;padding:24px}.create-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.dropdown-wrapper{margin-bottom:30px;position:relative}.dropdown-input{background-color:#f2f2f2;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;width:100%}.dropdown-list{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 20px #0000001a;margin-top:8px;max-height:350px;overflow-y:auto;position:absolute;width:100%;z-index:10}.dropdown-item{border-bottom:1px solid #eee;padding:12px}.dropdown-item:hover{background-color:#f0f8ff}.topic-title{font-size:16px;font-weight:600;margin-bottom:4px}.topic-summary{color:#666;font-size:14px}.view-button{background:none;border:none;color:#07c;cursor:pointer;font-size:14px;margin-top:6px}.view-button:hover{text-decoration:underline}.topic-details{background-color:#fff;border:1px solid #cce5ff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:20px}.details-title{color:#0056b3;font-size:22px;font-weight:700;margin-bottom:12px}.details-list p{font-size:15px;margin-bottom:8px}.hashtags-wrapper h4{font-size:16px;font-weight:700;margin-top:12px}.hashtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hashtag{background-color:#e1ecf4;border-radius:20px;color:#0366d6;font-size:13px;padding:4px 10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;background-color:#060e1f;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}
/*# sourceMappingURL=main.2c71a12f.css.map*/