@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap";:root{--primary-gold:#c9a227;--secondary-gold:#d4af37;--dark-bg:#1a1a2e;--accent-bg:#16213e;--text-primary:#fff;--text-secondary:#b8b8b8;--success:#2ecc71;--error:#e74c3c;--card-bg:#ffffff0d;--gold-gradient:linear-gradient(135deg, #c9a227 0%, #d4af37 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-primary);min-height:100vh;font-family:Poppins,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}h1{font-size:48px}h2{font-size:36px}h3{font-size:28px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Poppins,sans-serif}input,textarea,select{color:var(--text-primary);font-family:Poppins,sans-serif}select option{background-color:var(--dark-bg);color:var(--text-primary)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{border:none;border-radius:8px;padding:12px 28px;font-size:16px;font-weight:500;transition:all .3s}.btn-primary{background:var(--gold-gradient);color:var(--dark-bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a2274d}.btn-outline{border:2px solid var(--primary-gold);color:var(--primary-gold);background:0 0}.btn-outline:hover{background:var(--primary-gold);color:var(--dark-bg)}.input{background:var(--card-bg);width:100%;color:var(--text-primary);border:1px solid #c9a2274d;border-radius:8px;padding:14px 18px;font-size:16px;transition:all .3s}select{color:var(--text-primary)}.input:focus{border-color:var(--primary-gold);outline:none;box-shadow:0 0 0 3px #c9a2271a}.input::placeholder{color:var(--text-secondary)}.card{background:var(--card-bg);border:1px solid #c9a2271a;border-radius:12px;padding:24px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #c9a22733}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#1a1a2ef2;border-bottom:1px solid #c9a2271a;padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-gold)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.carousel{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-slides{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1}.carousel-slide img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:1;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.hero-overlay:before{content:"";z-index:-1;background:#1a1a2eb3;position:absolute;inset:0}.carousel-btn{color:var(--primary-gold);cursor:pointer;z-index:2;background:#1a1a2e99;border:2px solid #c9a2274d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{border-color:var(--primary-gold);background:#c9a2274d}.carousel-prev{left:20px}.carousel-next{right:20px}.carousel-dots{z-index:2;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#fff6;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel-dot.active{background:var(--primary-gold);transform:scale(1.2)}.carousel-dot:hover{background:#c9a227b3}.hero-content{max-width:800px}.hero h1{margin-bottom:24px;animation:1s fadeInUp}.hero h1 span{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-secondary);margin-bottom:40px;font-size:20px;animation:1s .2s both fadeInUp}.hero-buttons{justify-content:center;gap:20px;animation:1s .4s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{background:var(--accent-bg);padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.feature-card{text-align:center;padding:40px}.feature-icon{background:var(--gold-gradient);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;display:flex}.profiles-section{padding:100px 0}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.profile-card{position:relative;overflow:hidden}.profile-card img{object-fit:cover;border-radius:12px;width:100%;height:320px}.profile-card .overlay{background:linear-gradient(#0000,#1a1a2ef2);border-radius:0 0 12px 12px;padding:24px;position:absolute;bottom:0;left:0;right:0}.profile-card h3{margin-bottom:4px;font-size:22px}.profile-card .age{color:var(--text-secondary)}.profile-card .religion,.profile-card .caste{margin-top:4px;font-size:14px}.profile-card .religion{color:var(--primary-gold)}.profile-card .caste{color:var(--text-secondary)}.profile-card .location{color:var(--primary-gold);margin-top:8px;font-size:14px}.verified-badge{background:var(--success);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:16px;right:16px}.search-filters{background:var(--card-bg);border-radius:12px;margin-bottom:40px;padding:30px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:20px;display:grid}.search-filters .input,.search-filters select{background:#ffffff0d}.search-filters label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.footer{background:var(--accent-bg);border-top:1px solid #c9a2271a;padding:60px 0 30px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer h4{color:var(--primary-gold);margin-bottom:20px}.footer a{color:var(--text-secondary);margin-bottom:12px;transition:color .3s;display:block}.footer a:hover{color:var(--primary-gold)}.footer-bottom{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff1a;padding-top:30px}.page{min-height:100vh;padding:120px 0 60px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex}.auth-container{width:100%;max-width:450px}.auth-container h2{text-align:center;margin-bottom:40px}.auth-container h2 span{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;display:block}.auth-container .btn{width:100%;margin-top:20px}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:24px}.auth-switch a{color:var(--primary-gold);font-weight:500}.auth-switch a:hover{text-decoration:underline}.profile-detail{max-width:800px;margin:0 auto}.profile-detail-header{margin-bottom:40px;position:relative}.profile-detail-header img{object-fit:cover;border-radius:12px;width:100%;height:400px}.profile-detail-info{gap:24px;display:grid}.detail-section{background:var(--card-bg);border-radius:12px;padding:24px}.detail-section h3{color:var(--primary-gold);margin-bottom:16px;font-size:20px}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary)}.interest-actions{gap:16px;margin-top:24px;display:flex}.messages-container{grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 160px);min-height:500px;display:grid}.chat-list-container{background:var(--card-bg);border-radius:12px;height:100%;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:16px 20px;transition:all .3s;display:flex}.chat-list-item:hover{background:#c9a2271a}.chat-popups-container{z-index:9999;position:fixed;bottom:10px;right:10px}.chat-popup{background:var(--card-bg);border-radius:12px 12px 0 0;width:320px;animation:.3s slideUp;overflow:hidden;box-shadow:0 0 20px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-popup.minimized{height:auto}.chat-popup-header{background:var(--primary-gold);color:var(--dark-bg);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-popup-messages{flex-direction:column;gap:8px;height:250px;padding:12px;display:flex;overflow-y:auto}.chat-bubble{border-radius:12px;max-width:80%;padding:8px 12px;font-size:14px}.chat-bubble.received{background:#ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.sent{background:var(--primary-gold);color:var(--dark-bg);border-bottom-right-radius:4px;align-self:flex-end}.chat-popup-input{border-top:1px solid #ffffff1a;gap:8px;padding:12px;display:flex}.chat-popup-input input{color:var(--text-primary);background:#ffffff0d;border:1px solid #c9a2274d;border-radius:20px;flex:1;padding:8px 12px}.chat-popup-input input:focus{border-color:var(--primary-gold);outline:none}.conversation-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:20px;transition:all .3s}.conversation-item:hover,.conversation-item.active{background:#c9a2271a}.chat-window{background:var(--card-bg);border-radius:12px;flex-direction:column;display:flex}.chat-messages{flex:1;padding:20px;overflow-y:auto}.message{border-radius:12px;max-width:70%;margin-bottom:12px;padding:12px 16px}.message.sent{background:var(--primary-gold);color:var(--dark-bg);margin-left:auto}.message.received{background:#ffffff1a}.chat-input{border-top:1px solid #ffffff1a;gap:12px;padding:20px;display:flex}.chat-input input{flex:1}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.badge-verified{background:var(--success);color:#fff}.badge-premium{background:var(--gold-gradient);color:var(--dark-bg)}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;padding:60px 0;display:grid}.stat-item h2{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-item p{color:var(--text-secondary)}.pagination{justify-content:center;gap:12px;margin-top:40px;display:flex}.pagination button{background:var(--card-bg);color:var(--text-primary);border:1px solid #c9a22733;border-radius:8px;padding:10px 16px}.pagination button:hover,.pagination button.active{background:var(--primary-gold);color:var(--dark-bg)}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.spinner{border:3px solid #c9a2274d;border-top-color:var(--primary-gold);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{border:1px solid var(--error);color:var(--error);background:#e74c3c1a;border-radius:8px;margin-bottom:20px;padding:12px 20px}.success{border:1px solid var(--success);color:var(--success);background:#2ecc711a;border-radius:8px;margin-bottom:20px;padding:12px 20px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--primary-gold);width:25px;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}@media (width<=768px){h1{font-size:36px}h2{font-size:28px}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#1a1a2efa;border-bottom:1px solid #c9a2271a;flex-direction:column;gap:16px;padding:20px;transition:all .3s;position:fixed;top:70px;left:0;right:0;transform:translateY(-100%)}.nav-links.active{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a,.nav-links button{text-align:center;width:100%;padding:12px}.hero-buttons{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.messages-container{grid-template-columns:1fr}.how-to-use-page .how-to-use-header{text-align:center;margin-bottom:50px}.how-to-use-page .how-to-use-header h1{margin-bottom:20px}.how-to-use-page .how-to-use-header h1 span{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.how-to-use-page .how-to-use-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:18px}.how-to-use-page .process-list{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.how-to-use-page .process-card{width:100%;padding:0;transition:all .3s;overflow:hidden}.how-to-use-page .process-card:hover{transform:none;box-shadow:0 10px 40px #c9a22726}.how-to-use-page .process-header{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px;transition:background .3s;display:flex}.how-to-use-page .process-header:hover{background:#c9a2270d}.how-to-use-page .process-title{align-items:center;gap:16px;display:flex}.how-to-use-page .process-icon{font-size:28px}.how-to-use-page .process-title h3{margin:0;font-size:22px}.how-to-use-page .process-arrow{color:var(--primary-gold);font-size:14px;transition:transform .3s}.how-to-use-page .process-arrow.rotated{transform:rotate(180deg)}.how-to-use-page .process-content{border-top:1px solid #c9a2271a;padding:0 24px 24px}.how-to-use-page .process-section{margin-top:24px}.how-to-use-page .process-section h4{color:var(--primary-gold);margin-bottom:12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.how-to-use-page .section-icon{margin-right:8px}.how-to-use-page .process-section p{color:var(--text-secondary);padding-left:32px;line-height:1.8}.how-to-use-page .process-steps{margin:0;padding:0;list-style:none}.how-to-use-page .process-steps li{color:var(--text-secondary);border-bottom:1px solid #ffffff08;align-items:flex-start;gap:16px;padding:12px 0;line-height:1.6;display:flex}.how-to-use-page .process-steps li:last-child{border-bottom:none}.how-to-use-page .step-number{background:var(--gold-gradient);min-width:32px;height:32px;color:var(--dark-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.how-to-use-page .step-text{padding-top:4px}.how-to-use-page .process-tip{border-left:4px solid var(--primary-gold);color:var(--text-secondary);background:#c9a22714;border-radius:0 8px 8px 0;margin-top:24px;padding:16px 20px;line-height:1.6}.how-to-use-page .process-tip strong{color:var(--primary-gold)}.how-to-use-page .how-to-use-footer{text-align:center;color:var(--text-secondary);border-top:1px solid #c9a2271a;margin-top:60px;padding-top:40px}.how-to-use-page .how-to-use-footer a{color:var(--primary-gold);font-weight:500;transition:color .3s}.how-to-use-page .how-to-use-footer a:hover{text-decoration:underline}@media (width<=768px){.how-to-use-page .how-to-use-header h1{font-size:28px}.how-to-use-page .how-to-use-header p{font-size:16px}.how-to-use-page .process-header{padding:20px}.how-to-use-page .process-title h3{font-size:18px}.how-to-use-page .process-content{padding:0 20px 20px}.how-to-use-page .process-section p{padding-left:0}.how-to-use-page .step-number{min-width:28px;height:28px;font-size:12px}}}