@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";
:root{--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--bg-primary:#f4f9f8;--bg-secondary:#fff;--bg-tertiary:#edf5f3;--bg-glass:#ffffffeb;--border-glass:#0f766e24;--border-light:#e2eeec;--text-primary:#0d1f1e;--text-secondary:#3d5a57;--text-muted:#6b8c88;--accent-primary:#0f766e;--accent-light:#14b8a6;--accent-gradient:linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);--accent-bg:#0f766e12;--accent-bg-hover:#0f766e1f;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--shadow-sm:0 1px 4px #0f766e14;--shadow-md:0 4px 20px #0f766e1a;--shadow-lg:0 8px 40px #0f766e24;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}.text-success{color:var(--accent-primary)!important}.border-success{border-color:var(--accent-primary)!important}.bg-success{background-color:var(--accent-primary)!important}.btn-success,.btn-success:focus{background:var(--accent-gradient)!important;border-color:var(--accent-primary)!important;color:#fff!important;font-weight:600!important}.btn-success:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #0f766e59!important}.btn-outline-success{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;background:0 0!important;font-weight:600!important}.btn-outline-success:hover{background:var(--accent-primary)!important;color:#fff!important;border-color:var(--accent-primary)!important}.alpha-active{background:var(--accent-gradient)!important;color:#fff!important;font-weight:700!important}.place-card-hover{transition:transform .25s,box-shadow .25s!important}.place-card-hover:hover{transform:translateY(-5px)!important;box-shadow:0 12px 32px #0f766e2e!important}.member-connect-btn{background:var(--accent-gradient)!important;color:#fff!important;border:none!important;border-radius:0!important;font-weight:600!important;transition:opacity .2s!important}.member-connect-btn:hover{opacity:.88!important}.light-theme-landing .sub-navbar-tab-item:after{background:var(--accent-primary)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.3}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-light)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#c9dedd;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}.glass-card:hover{box-shadow:var(--shadow-md);border-color:#0f766e38;transform:translateY(-3px)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-gradient{background:var(--accent-gradient);font-weight:600;font-family:var(--font-body);border-radius:var(--radius-sm);letter-spacing:.01em;border:none;padding:9px 22px;transition:all .25s;box-shadow:0 3px 12px #0f766e47;color:#fff!important}.btn-gradient:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 5px 18px #0f766e61}.nav-link-custom{border-radius:10px;align-items:center;gap:11px;margin-bottom:2px;padding:10px 14px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex;color:var(--text-secondary)!important;text-decoration:none!important}.nav-link-custom:hover{background:var(--accent-bg);color:var(--accent-primary)!important}.nav-link-custom.active{background:var(--accent-bg-hover);border-left:3px solid var(--accent-primary);font-weight:600;color:var(--accent-primary)!important}.card{background-color:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow .22s!important}.card:hover{box-shadow:var(--shadow-md)!important}.form-control,.form-select{background-color:var(--bg-tertiary)!important;border:1.5px solid var(--border-light)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;padding:8px 14px!important;font-size:.93rem!important;transition:border-color .2s,box-shadow .2s!important}.form-control:focus,.form-select:focus{border-color:var(--accent-primary)!important;color:var(--text-primary)!important;background-color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #0f766e26!important}.form-control::placeholder{color:var(--text-muted)!important}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:.85rem;font-weight:500}.modal-content{background-color:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.modal-header,.modal-footer{border-color:var(--border-light)!important;background-color:var(--bg-tertiary)!important}.modal-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.modal-footer{border-radius:0 0 var(--radius-lg) var(--radius-lg)!important}.modal-title{font-family:var(--font-heading);font-size:1.1rem}.dropdown-menu{background-color:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;padding:6px!important}.dropdown-item{color:var(--text-primary)!important;border-radius:8px!important;padding:8px 12px!important;font-size:.9rem!important;transition:background .15s!important}.dropdown-item:hover{background-color:var(--accent-bg)!important;color:var(--accent-primary)!important}.dropdown-divider{border-color:var(--border-light)!important;margin:4px 0!important}.nav-tabs{border-bottom:2px solid var(--border-light)!important}.nav-tabs .nav-link{padding:10px 18px;font-size:.9rem;font-weight:500;position:relative;color:var(--text-muted)!important;border:none!important;border-radius:0!important;transition:color .2s!important}.nav-tabs .nav-link:after{content:"";background:var(--accent-primary);height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-tabs .nav-link:hover{color:var(--accent-primary)!important}.nav-tabs .nav-link.active{color:var(--accent-primary)!important;background:0 0!important}.nav-tabs .nav-link.active:after,.nav-tabs .nav-link:hover:after{transform:scaleX(1)}.badge{font-family:var(--font-body)!important;letter-spacing:.02em!important;border-radius:6px!important;padding:4px 9px!important;font-weight:600!important}.alert{border-radius:var(--radius-md)!important;border:1px solid var(--border-light)!important;font-size:.9rem!important}.table{font-size:.9rem;color:var(--text-primary)!important}.table th{text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-heading)!important;color:var(--text-secondary)!important;border-color:var(--border-light)!important;background-color:var(--bg-tertiary)!important;padding:12px 14px!important;font-size:.78rem!important;font-weight:600!important}.table td{border-color:var(--border-light)!important;vertical-align:middle!important;padding:12px 14px!important}.table-hover tbody tr:hover{cursor:pointer;background-color:var(--accent-bg)!important}.offcanvas{background-color:var(--bg-secondary)!important;border-color:var(--border-light)!important}.offcanvas-header{border-bottom:1px solid var(--border-light)!important}.input-group-text{background-color:var(--bg-tertiary)!important;border-color:var(--border-light)!important;color:var(--text-muted)!important}.list-group-item{background-color:var(--bg-secondary)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.spinner-border{color:var(--accent-primary)!important}.post-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:20px;transition:box-shadow .22s;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-md)}.story-ring{border:2.5px solid var(--accent-primary);border-radius:50%;padding:2px}.compose-box{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 20px}.stat-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);text-align:center;padding:12px 16px}.stat-card .stat-num{color:var(--accent-primary);font-size:1.35rem;font-weight:700;font-family:var(--font-heading)}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.section-header{border-bottom:2px solid var(--border-light);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.section-header h5,.section-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.section-icon{background:var(--accent-gradient);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.action-btn{background:var(--accent-bg);color:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:500;transition:all .18s;display:flex}.action-btn:hover{background:var(--accent-bg-hover);transform:scale(1.02)}.action-btn.liked{color:var(--accent-danger);background:#ef444414}.reels-container{scroll-snap-type:y mandatory;height:calc(100vh - 72px);overflow-y:scroll}.reel-item{scroll-snap-align:start;height:100%}.light-theme-landing{color:#0f172a!important;background-color:#fff!important}.light-theme-landing .glass-panel{-webkit-backdrop-filter:blur(14px)!important;background:#ffffffe6!important;border:1px solid #00000012!important}.light-theme-landing .glass-card{color:#0f172a!important;background:#fff!important;border:1px solid #00000012!important;box-shadow:0 2px 12px #0000000d!important}.light-theme-landing .glass-card:hover{border-color:#0f766e59!important;transform:translateY(-4px)!important;box-shadow:0 10px 28px #0f766e1f!important}.light-theme-landing .navbar{background-color:#fff!important;border:0!important;border-bottom:1px solid #e2eeec!important;border-radius:0!important;font-family:Poppins,sans-serif!important;box-shadow:0 2px 12px #0f766e0f!important}.light-theme-landing .btn,.light-theme-landing button{font-family:var(--font-body)!important;border-radius:8px!important;transition:all .25s!important}.light-theme-landing .btn:hover,.light-theme-landing button:hover{opacity:.93!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.light-theme-landing .navbar .btn{justify-content:center!important;align-items:center!important;height:34px!important;padding:0 18px!important;font-size:.88rem!important;font-weight:500!important;display:inline-flex!important}.light-theme-landing .nav-link-custom{color:#475569!important;background:0 0!important;align-items:center!important;height:34px!important;padding:6px 14px!important;font-size:.9rem!important;font-weight:500!important;transition:color .2s!important;display:flex!important;position:relative!important}.light-theme-landing .nav-link-custom:after{content:""!important;background:var(--accent-primary)!important;transform-origin:100% 100%!important;height:2px!important;transition:transform .22s ease-out!important;position:absolute!important;bottom:0!important;left:14px!important;right:14px!important;transform:scaleX(0)!important}.light-theme-landing .nav-link-custom:hover{color:var(--accent-primary)!important;background:0 0!important}.light-theme-landing .nav-link-custom:hover:after{transform-origin:0 100%!important;transform:scaleX(1)!important}@keyframes phoneVibrate{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-1.5px,-1px)rotate(-3deg)}20%{transform:translate(1.5px,1px)rotate(3deg)}30%{transform:translate(-1.5px,1px)rotate(-1.5deg)}40%{transform:translate(1.5px,-1px)rotate(1.5deg)}50%{transform:translate(-1.5px,-1px)rotate(-3deg)}60%{transform:translate(1.5px,1px)rotate(3deg)}70%{transform:translate(-1.5px,1px)rotate(-1.5deg)}80%{transform:translate(1.5px,-1px)rotate(1.5deg)}90%{transform:translate(-1.5px,-1px)rotate(-3deg)}}.light-theme-landing .phone-vibrate-icon{animation:.4s ease-in-out infinite phoneVibrate;display:inline-block!important}.light-theme-landing .search-bar-input{color:#0f172a!important;background-color:#f1f5f9!important;border:1px solid #0000!important;border-radius:9999px!important;height:34px!important;padding:8px 16px 8px 38px!important;font-size:.9rem!important;transition:all .22s!important}.light-theme-landing .search-bar-input::placeholder{color:#94a3b8!important}.light-theme-landing .search-bar-input:focus{border-color:var(--accent-primary)!important;background-color:#fff!important;outline:none!important;box-shadow:0 0 0 3px #0f766e1f!important}.light-theme-landing .form-control{color:#0f172a!important;background-color:#f1f5f9!important;border:1px solid #00000014!important}.light-theme-landing .form-control:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #0f766e1f!important}.light-theme-landing .text-gradient{background:var(--accent-gradient)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.light-theme-landing .text-secondary{color:#475569!important}.light-theme-landing .text-muted{color:#94a3b8!important}.light-theme-landing .border-secondary{border-color:#e2eeec!important}.light-theme-landing .badge{color:var(--accent-primary);background-color:#0f766e1a!important}.light-theme-landing .sub-navbar{background-color:#fff!important;border-bottom:1px solid #e2eeec!important;height:44px!important;padding:0!important}.light-theme-landing .sub-navbar .container-fluid{align-items:center!important;height:100%!important;display:flex!important}.light-theme-landing .sub-navbar-tabs{align-items:center!important;gap:72px!important;height:100%!important;display:flex!important}.light-theme-landing .sub-navbar-tab-item{color:var(--accent-primary)!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:0 16px!important;font-size:1.25rem!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.light-theme-landing .sub-navbar-tab-item .tab-icon{opacity:.85!important;transition:all .2s!important}.light-theme-landing .sub-navbar-tab-item .tab-text{opacity:0!important;white-space:nowrap!important;font-size:.82rem!important;font-weight:500!important;transition:all .22s!important;position:absolute!important;transform:translateY(10px)!important}.light-theme-landing .sub-navbar-tab-item:hover .tab-icon,.light-theme-landing .sub-navbar-tab-item.active .tab-icon{opacity:0!important;transform:translateY(-10px)scale(.8)!important}.light-theme-landing .sub-navbar-tab-item:hover .tab-text,.light-theme-landing .sub-navbar-tab-item.active .tab-text{opacity:1!important;color:var(--accent-primary)!important;transform:translateY(0)!important}.light-theme-landing .sub-navbar-tab-item:after{content:""!important;background:var(--accent-primary)!important;border-radius:3px 3px 0 0!important;height:3px!important;transition:transform .22s!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;transform:scaleX(0)!important}.light-theme-landing .sub-navbar-tab-item.active:after,.light-theme-landing .sub-navbar-tab-item:hover:after{transform:scaleX(1)!important}.light-theme-landing .sidebar-menu-item{color:#475569!important;background-color:#0000!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;margin-bottom:3px!important;padding:10px 14px!important;font-size:.93rem!important;transition:all .22s!important;display:flex!important}.light-theme-landing .sidebar-menu-item .menu-icon-wrapper{color:var(--accent-primary)!important;font-size:1.1rem!important}.light-theme-landing .sidebar-menu-item .menu-text{color:#475569!important;font-weight:500!important;transition:color .2s!important}.light-theme-landing .sidebar-menu-item:hover,.light-theme-landing .sidebar-menu-item.active{background-color:var(--accent-bg)!important;color:var(--accent-primary)!important}.light-theme-landing .sidebar-menu-item:hover .menu-text,.light-theme-landing .sidebar-menu-item.active .menu-text{color:var(--accent-primary)!important;font-weight:600!important}.light-theme-landing .sidebar-menu-item .menu-chevron-icon{opacity:.4!important;transition:transform .2s!important}.light-theme-landing .sidebar-menu-item:hover .menu-chevron-icon{opacity:.8!important;color:var(--accent-primary)!important;transform:translate(3px)!important}.light-theme-landing .swiper{padding-top:6px!important;padding-bottom:6px!important;overflow:hidden!important}.light-theme-landing .swiper-slide{height:auto!important}.light-theme-landing .swiper-button-next,.light-theme-landing .swiper-button-prev{display:none!important}.light-theme-landing .side-arrow-btn{z-index:10!important;border:1px solid var(--border-light)!important;width:36px!important;height:36px!important;box-shadow:var(--shadow-sm)!important;color:var(--text-secondary)!important;background-color:#fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.light-theme-landing .side-arrow-btn.prev-btn{left:-18px!important}.light-theme-landing .side-arrow-btn.next-btn{right:-18px!important}.light-theme-landing .side-arrow-btn:hover{box-shadow:var(--shadow-md)!important;color:var(--accent-primary)!important;opacity:1!important;transform:translateY(-50%)scale(1.06)!important}.light-theme-landing .slider-arrow-btn:hover{background-color:var(--accent-bg)!important;color:var(--accent-primary)!important;opacity:1!important;transform:none!important}.light-theme-landing .hover-white{color:#94a3b8!important;text-decoration:none!important;transition:color .2s!important}.light-theme-landing .hover-white:hover{color:#fff!important;text-decoration:underline!important}.light-theme-landing footer p{color:#94a3b8!important}.light-theme-landing .social-btn{transition:all .2s!important}.light-theme-landing .social-btn:hover{color:#fff!important;background-color:#ffffff26!important;border-color:#ffffff40!important;transform:translateY(-2px)!important}@media (min-width:1092px){.light-theme-landing .alphabet-arrows{display:none!important}}.light-theme-landing .responsive-body-container{width:100%;margin-left:auto;margin-right:auto;background-color:#fff!important}@media (min-width:1240px){.light-theme-landing .responsive-body-container{max-width:1200px!important}}.light-theme-landing .alphabet-scroll-container{scrollbar-width:none!important;flex-grow:1!important;justify-content:safe center!important;align-items:center!important;gap:2px!important;display:flex!important;overflow-x:auto!important}.light-theme-landing .alphabet-scroll-container::-webkit-scrollbar{display:none!important}.light-theme-landing .alphabet-btn{cursor:pointer!important;border-radius:4px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:18px!important;padding:0!important;font-size:.6rem!important;font-weight:700!important;text-decoration:none!important;transition:all .2s!important;display:flex!important}.light-theme-landing .alphabet-btn-letter{min-width:15px!important}.light-theme-landing .alphabet-btn-all{min-width:22px!important}@media (min-width:992px){.light-theme-landing .alphabet-scroll-container{gap:4px!important}.light-theme-landing .alphabet-btn{height:20px!important;font-size:.62rem!important}.light-theme-landing .alphabet-btn-letter{min-width:16px!important}.light-theme-landing .alphabet-btn-all{min-width:24px!important}}.light-theme-landing .member-connect-btn{border-radius:0!important}