*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{color:#fff;background:radial-gradient(circle at 80% 20%,rgba(239,68,108,.12) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,100,130,.1) 0%,transparent 50%),#1e1932;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s;overflow-x:hidden}body.light-mode{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.transition-all{transition:all .3s}.backdrop-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-morphism{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.glass-morphism-light{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1)}.top-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:12px 24px 12px 12px;transition:all .3s;display:flex;position:relative}.light-mode .top-navigation{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.1)}.nav-left{align-items:center;gap:16px;display:flex}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;height:38px;padding:8px;font-size:24px;transition:all .3s}.light-mode .menu-toggle{color:#1e293b}.menu-toggle:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.light-mode .menu-toggle:hover{background:rgba(0,0,0,.1)}.app-logo{color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.light-mode .app-logo{color:#1e293b}.logo-icon{color:#fff;border-radius:4px;font-size:14px}.logo-icon svg{width:30px}.auth-buttons{gap:12px;display:flex}.auth-buttons .login-btn{align-items:center;gap:6px;display:flex}.login-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.light-mode .login-btn{color:#1e293b;border-color:rgba(0,0,0,.3)}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ef4444,#f87171);border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s}.login-btn:hover,.signup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(239,68,68,.3)}.persistent-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:linear-gradient(135deg,rgba(42,31,61,.15),rgba(26,26,46,.25));border-right:1px solid rgba(255,255,255,.1);width:64px;height:100vh;padding:12vh 0 0;transition:width .3s,background .3s;display:none;position:fixed;top:0;left:0;overflow-x:hidden;overflow-y:auto}.app-container{width:100%}.app-container.fixed{position:fixed}.country-Toggle{display:none}.sidebar-open .country-Toggle{border-top:1px #ddd;display:flex}.light-mode .persistent-sidebar{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-right:1px solid rgba(0,0,0,.1)}@media (min-width:769px){.persistent-sidebar{display:block}.app-container.sidebar-open .persistent-sidebar{width:280px}.main-layout{margin-left:64px;transition:margin-left .3s}.app-container.sidebar-open .main-layout{margin-left:280px}}.sidebar-nav{flex-direction:column;gap:8px;padding:0 6px;display:flex}.sidebar-item{color:#fff;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;padding:14px 8px 14px 22px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.light-mode .sidebar-item{color:#1e293b}.sidebar-item:hover{background:rgba(255,255,255,.1)}.light-mode .sidebar-item:hover{background:rgba(0,0,0,.1)}.sidebar-item.primary{color:#fff;background:linear-gradient(45deg,#ec4899,#ef4444)}.sidebar-item.secondary{color:#ec4899;border:2px solid #ec4899}.sidebar-item.secondary:hover{background:rgba(236,72,153,.1)}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.sidebar-item-text{opacity:0;transition:all .3s;overflow:hidden;transform:translate(-10px)}.app-container.sidebar-open .sidebar-item-text{opacity:1;transform:translate(0)}.app-container.sidebar-open .persistent-sidebar .sidebar-item{justify-content:start;padding:14px}.app-container.sidebar-open .sidebar-nav{padding:0 16px}.sidebar-badge{color:#fff;text-align:center;opacity:0;background:#ef4444;border-radius:10px;min-width:18px;margin:4% 0 0;padding:2px 6px;font-size:12px;font-weight:700;line-height:1.2;transition:all .3s;position:absolute;top:8px;right:8px;transform:scale(.8)}.app-container.sidebar-open .sidebar-badge{opacity:1;transform:scale(1)}.sidebar-toggle-container{z-index:999;border-top:1px solid rgba(255,255,255,.1);padding:0 16px;position:fixed;bottom:0%;left:0;right:0}.light-mode .sidebar-toggle-container{border-top:1px solid rgba(0,0,0,.1)}.sidebar-mode-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px;transition:all .3s;display:flex}.light-mode .sidebar-mode-toggle{color:#1e293b}.app-container.sidebar-open .sidebar-mode-toggle{justify-content:flex-start}.toggle-switch{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1);border-radius:10px;flex-shrink:0;width:40px;height:20px;transition:all .3s;position:relative}.light-mode .toggle-switch{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1)}.toggle-switch.active{background:linear-gradient(45deg,#fbbf24,#f59e0b);border:1px solid rgba(251,191,36,.3)}.toggle-slider{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s;display:flex;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch.active .toggle-slider{background:#1e293b;transform:translate(20px)}.light-mode .toggle-switch.active .toggle-slider{background:#fff}.toggle-icon{font-size:10px;line-height:1}.toggle-label{opacity:0;font-size:14px;font-weight:500;transition:all .3s;display:none;transform:translate(-10px)}.app-container.sidebar-open .toggle-label{opacity:1;display:block;transform:translate(0)}.mobile-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:linear-gradient(135deg,rgba(42,31,61,.95),rgba(26,26,46,.95));border-right:1px solid rgba(255,255,255,.1);width:320px;height:100vh;padding:24px;transition:left .3s,background .3s;display:none;position:fixed;top:0;left:-320px;overflow-y:auto;box-shadow:5px 0 20px rgba(0,0,0,.5)}.light-mode .mobile-sidebar{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border-right:1px solid rgba(0,0,0,.1);box-shadow:5px 0 20px rgba(0,0,0,.1)}@media (max-width:768px){.top-navigation{padding:12px}.nav-left{gap:10px}.mobile-sidebar{display:block}.mobile-sidebar.active{left:0}.persistent-sidebar{display:none}.main-layout{margin-left:0!important}.menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1002;opacity:0;visibility:hidden;background:rgba(0,0,0,.5);width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}}.mobile-sidebar-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.light-mode .mobile-sidebar-header{border-bottom:1px solid rgba(0,0,0,.1)}.close-menu{color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:24px;transition:all .3s}.light-mode .close-menu{color:rgba(30,41,59,.6)}.close-menu:hover{color:#fff;background:rgba(255,255,255,.1)}.light-mode .close-menu:hover{color:#1e293b;background:rgba(0,0,0,.1)}.mobile-sidebar-logo{color:#fff;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.light-mode .mobile-sidebar-logo{color:#1e293b}.mobile-nav-section{margin-bottom:32px}.mobile-nav-section-title{opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.mobile-nav-items{flex-direction:column;gap:8px;display:flex}.mobile-nav-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 20px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.light-mode .mobile-nav-item{color:#1e293b}.mobile-nav-item:hover{background:rgba(255,255,255,.1);transform:translate(8px)}.light-mode .mobile-nav-item:hover{background:rgba(0,0,0,.1)}.mobile-nav-item.primary{color:#fff;background:linear-gradient(45deg,#ec4899,#ef4444)}.mobile-nav-item.secondary{color:#ec4899;border:2px solid #ec4899}.mobile-nav-item.secondary:hover{background:rgba(236,72,153,.1)}.mobile-nav-item-icon{justify-content:center;width:24px;font-size:18px;display:flex}.mobile-mode-toggle-container{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;position:absolute;bottom:24px;left:24px;right:24px}.light-mode .mobile-mode-toggle-container{border-top:1px solid rgba(0,0,0,.1)}.mobile-mode-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:12px 0;transition:all .3s;display:flex}.light-mode .mobile-mode-toggle{color:#1e293b}.main-layout{min-height:calc(100vh - 72px);transition:margin-left .3s;display:flex}.main-content{flex:1;padding:22px 32px 32px;overflow-y:auto}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1400px;margin:0 auto;display:grid}.profile-card{aspect-ratio:3/4;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:24px;transition:all .3s;position:relative;overflow:hidden}.light-mode .profile-card{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.profile-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.4)}.light-mode .profile-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15)}.profile-image{object-fit:fill;width:100%;height:100%;position:absolute;top:0;left:0}.profile-overlay{color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:48px 24px 24px;position:absolute;bottom:0;left:0;right:0}.profile-name{margin-bottom:4px;font-size:24px;font-weight:700}.profile-age{opacity:.8;margin-left:8px;font-size:18px}.profile-description{opacity:.9;margin-top:8px;font-size:14px;line-height:1.4}.card-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:16px;right:16px}.action-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(108,108,108,.3);border:.5px solid rgba(50,50,50,.27);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .3s;display:flex}.action-btn:hover{border-radius:25px;justify-content:start;width:100px;padding:0 0 0 10px;box-shadow:0 4px 15px rgba(239,68,68,.3)}.action-btn.heart-btn:hover{width:110px}.action-label{margin:0 0 0 6px;font-size:14px;font-weight:700;display:none}.action-btn:hover .action-label{display:block}.video-count-no{text-align:center;opacity:.8;background:red;border-radius:50px;width:20px;height:20px;padding:4px;font-size:11px;font-weight:700;position:absolute;top:0;left:-6px}.profile-card:hover .video-count-no{opacity:1}.video-icon{font-size:10px}.like-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(0,0,0,.6);border-radius:16px;padding:8px 12px;font-size:14px;font-weight:700;transition:all .3s;position:absolute;top:16px;left:16px}.light-mode .like-counter{color:#1e293b;background:rgba(255,255,255,.9)}.new-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(45deg,#ef4444,#f87171);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.online-indicator{color:#fff;background:#22c55e;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:absolute;bottom:64px;right:20px}.light-mode .online-indicator{border:3px solid #1e293b}.loading-spinner{justify-content:center;align-items:center;padding:32px;display:flex}.spinner{border:2px solid transparent;border-top-color:#ef4444;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:rgba(239,68,68,.5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(239,68,68,.7)}@media (max-width:480px){.profile-grid{grid-template-columns:1fr;gap:16px}.mobile-sidebar{z-index:1002;width:280px;padding:20px;left:-280px}.mobile-nav-item{padding:14px 16px;font-size:15px}.main-content{padding:20px 12px}}@media (max-width:1200px){.profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (min-width:1400px){.profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.profile-back-button{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;margin-bottom:24px;padding:8px 16px;transition:all .3s}.profile-back-button:hover{background:rgba(255,255,255,.15)}.profile-grid{gap:32px;display:grid}.profile-grid-desktop{grid-template-columns:400px 1fr}.profile-grid-mobile{grid-template-columns:1fr}.profile-image-container{aspect-ratio:3/4;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:24px;position:relative;overflow:hidden}.profile-info-section{flex-direction:column;gap:24px;display:flex}.profile-header{align-items:center;gap:16px;margin-bottom:8px;display:flex}.profile-name{color:#fff;font-size:36px;font-weight:700}.light-mode .profile-name{color:#1e293b}.profile-age{color:rgba(255,255,255,.7);font-size:24px}.light-mode .profile-age{color:rgba(30,41,59,.7)}.profile-description{color:rgba(255,255,255,.7);margin-bottom:10px;font-size:16px}.light-mode .profile-description{color:rgba(30,41,59,.7)}.profile-actions{gap:12px;display:flex}.profile-chat-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ec4899,#ef4444);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.profile-chat-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(236,72,153,.3)}.profile-favorite-button{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;flex-direction:row;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.profile-favorite-button:hover{background:rgba(255,255,255,.15)}.profile-favorite-button.favorited{color:#ef4444;background:rgba(239,68,68,.2);border:1px solid #ef4444}.profile-favorite-button.favorited:hover{background:rgba(239,68,68,.3)}.profile-labels{flex-wrap:wrap;gap:8px;display:flex}.profile-label{color:#ec4899;background:rgba(236,72,153,.2);border:1px solid rgba(236,72,153,.4);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:500}.profile-section-title{color:#fff;margin-bottom:16px;font-size:24px;font-weight:600}.light-mode .profile-section-title{color:#1e293b}.profile-traits-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.profile-trait-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,41,59,.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.profile-trait-card:hover{border-color:rgba(236,72,153,.3);transform:translateY(-2px)}.light-mode .profile-trait-card{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}.profile-trait-icon{color:#fff;background:linear-gradient(135deg,#ec4899,#ef4444);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-trait-content{flex:1}.profile-trait-label{color:rgba(255,255,255,.6);text-transform:capitalize;margin-bottom:2px;font-size:12px}.light-mode .profile-trait-label{color:rgba(30,41,59,.6)}.profile-trait-value{color:#fff;font-size:15px;font-weight:600}.light-mode .profile-trait-value{color:#1e293b}.profile-video-count{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;align-items:center;gap:12px;padding:20px;display:flex}.profile-video-icon{background:linear-gradient(45deg,#ec4899,#ef4444);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.profile-video-label{color:rgba(255,255,255,.7);font-size:14px}.light-mode .profile-video-label{color:rgba(30,41,59,.7)}.profile-video-value{color:#fff;font-size:20px;font-weight:600}.light-mode .profile-video-value{color:#1e293b}.loading-container{color:#fff;background:linear-gradient(135deg,#2a1f3d,#1a1a2e,#16213e);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-content{text-align:center}.loading-spinner{border:2px solid transparent;border-top-color:#ef4444;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:1s linear infinite spin}@media (max-width:768px){.profile-name{font-size:28px}.profile-age,.profile-section-title{font-size:20px}.profile-traits-grid{grid-template-columns:1fr}}.typing-dot{background:rgba(255,255,255,.6);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}@keyframes typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}