@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--background-dark: #a32967;--text-dark: white;--background-light: #ffe0f0;--text-light: black}body{margin:0;font-family:Roboto,sans-serif;transition:background .3s,color .3s}[data-theme=dark]{background-color:var(--background-dark);color:var(--text-dark)}[data-theme=light]{background-color:var(--background-light);color:var(--text-light)}.sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;transition:background .3s}.sidebar.dark{background:var(--background-dark);color:var(--text-dark)}.sidebar.light{background:var(--background-light);color:var(--text-light)}.footer{text-align:center;padding:20px;transition:background .3s,color .3s}.footer.dark{background:var(--background-dark);color:var(--text-dark)}.footer.light{background:var(--background-light);color:var(--text-light)}.main-content{flex:1;min-height:100vh}body{margin:0;font-family:Roboto,sans-serif}.app-container{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:var(--sidebar-bg);color:#fff;box-shadow:2px 0 5px #0000001a}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;padding:20px}.footer{background:var(--footer-bg);color:var(--footer-text);text-align:center;padding:20px 50px;width:100%}.contacts-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffeef8,#f0e6ff,#ffe0f0);min-height:100vh;position:relative;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.3;animation:float 10s ease-in-out infinite}.shape-1{width:100px;height:100px;background:linear-gradient(45deg,#ffb3d9,#ff80cc);top:15%;left:8%;animation-delay:0s}.shape-2{width:80px;height:80px;background:linear-gradient(45deg,#e6b3ff,#d480ff);top:70%;right:12%;animation-delay:3s}.shape-3{width:120px;height:120px;background:linear-gradient(45deg,#ffccf2,#ff99e6);top:45%;left:5%;animation-delay:6s}.shape-4{width:90px;height:90px;background:linear-gradient(45deg,#f2ccff,#e699ff);top:25%;right:20%;animation-delay:9s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-30px) rotate(180deg)}75%{transform:translateY(-15px) rotate(270deg)}}.contacts-header{text-align:center;margin-bottom:3rem;position:relative;z-index:2;opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.contacts-header h1{font-size:3.2rem;background:linear-gradient(45deg,#d63384,#e91e63,#ad1457);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-weight:700;animation:glow 3s ease-in-out infinite alternate}.contacts-header p{font-size:1.3rem;color:#8e44ad;margin-bottom:1.5rem;font-weight:400}.header-alert{background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;padding:1rem 2rem;border-radius:15px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #ff6b9d4d;animation:pulse 2s ease-in-out infinite}.alert-icon{font-size:1.2rem}.contacts-section{margin-bottom:4rem;position:relative;z-index:2;opacity:0;animation:fadeInUp 1s ease-out forwards}.contacts-section:nth-child(3){animation-delay:.6s}.contacts-section:nth-child(4){animation-delay:.9s}.contacts-section:nth-child(5){animation-delay:1.2s}.contacts-section h2{font-size:2.2rem;color:#d63384;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.section-icon{font-size:2rem}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.contact-card{background:#ffffffe6;border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;border-radius:20px}.contact-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.contact-card.active{transform:scale(1.02)}.emergency-card{border-color:#ff6b9d4d}.emergency-card:hover{border-color:#ff6b9d99}.emergency-card:before{background:linear-gradient(45deg,#ff6b9d1a,#ff8bab1a)}.emergency-card:hover:before{opacity:1}.professional-card{border-color:#ba55d34d}.professional-card:hover{border-color:#ba55d399}.professional-card:before{background:linear-gradient(45deg,#ba55d31a,#9370db1a)}.professional-card:hover:before{opacity:1}.online-card{border-color:#667eea4d}.online-card:hover{border-color:#667eea99}.online-card:before{background:linear-gradient(45deg,#667eea1a,#764ba21a)}.online-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite}.card-header h3{color:#5d4e75;font-size:1.3rem;font-weight:600;flex:1}.card-content{position:relative;z-index:1}.phone-number{font-size:1.8rem;font-weight:700;color:#d63384;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(214,51,132,.1)}.website-url{font-size:1.2rem;font-weight:600;color:#667eea;margin-bottom:.5rem;font-family:Courier New,monospace}.contact-address{color:#8e44ad;margin-bottom:1rem;font-size:.95rem}.contact-description{color:#5d4e75;margin-bottom:1.5rem;line-height:1.5}.call-button{width:100%;padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.emergency-button{background:linear-gradient(135deg,#ff6b9d,#ff8fab);box-shadow:0 4px 15px #ff6b9d4d}.emergency-button:hover{background:linear-gradient(135deg,#ff5a8a,#ff7d9a);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.professional-button{background:linear-gradient(135deg,#ba55d3,#9370db);box-shadow:0 4px 15px #ba55d34d}.professional-button:hover{background:linear-gradient(135deg,#a945c2,#8560ca);transform:translateY(-2px);box-shadow:0 6px 20px #ba55d366}.online-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.online-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.contacts-info{background:#ffffffe6;border-radius:25px;padding:3rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,182,193,.3);box-shadow:0 15px 35px #ff69b426;position:relative;z-index:2;opacity:0;animation:fadeInUp 1s ease-out 1.5s forwards}.info-content h2{color:#d63384;font-size:2.2rem;text-align:center;margin-bottom:2.5rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.info-card{background:#fff0f5cc;padding:2rem;border-radius:15px;border:1px solid rgba(255,182,193,.3)}.info-card h3{color:#d63384;margin-bottom:1rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.info-card ul{list-style:none;color:#5d4e75}.info-card li{position:relative;padding:.5rem 0 .5rem 1.5rem}.info-card li:before{content:"💖";position:absolute;left:0;top:.5rem}.emergency-footer{background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;padding:2rem;border-radius:20px;text-align:center;margin-top:2rem;box-shadow:0 10px 30px #ff6b9d4d;position:relative;z-index:2;opacity:0;animation:fadeInUp 1s ease-out 1.8s forwards}.emergency-reminder h3{margin-bottom:1rem;font-size:1.4rem}.emergency-reminder p{font-size:1.1rem;line-height:1.6}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width: 768px){.contacts-container{padding:1.5rem}.contacts-header h1{font-size:2.5rem}.contacts-grid{grid-template-columns:1fr;gap:1.5rem}.contact-card{padding:1.5rem}.info-grid{grid-template-columns:1fr}.floating-shapes .shape{display:none}}@media (max-width: 480px){.contacts-header h1{font-size:2rem}.header-alert{padding:.8rem 1.5rem;font-size:.9rem}.contact-card{padding:1.2rem}.phone-number{font-size:1.5rem}}.home{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background:#fdfdfd;min-height:100vh;display:flex;flex-direction:column;transition:all .3s ease}[data-theme=dark] .home{color:#e6e6e6;background:#141414}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:60px 10%;background:linear-gradient(135deg,#d0eafc,#f1f8ff);border-bottom:2px solid #d6e4f0;flex:1;min-height:50vh;transition:all .3s ease}[data-theme=dark] .hero{background:linear-gradient(135deg,#1a2332,#2c3e50);border-bottom:2px solid #34495e}.hero-content{flex:1;min-width:280px}.hero-content h1{font-size:2.5rem;margin-bottom:1rem;color:#005a8d;transition:color .3s ease}[data-theme=dark] .hero-content h1{color:#74b9ff}.hero-content p{font-size:1.2rem;margin-bottom:2rem;color:#444;transition:color .3s ease}[data-theme=dark] .hero-content p{color:#bdc3c7}.cta-button{padding:12px 24px;font-size:1rem;background-color:#2a9d8f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background-color:#21867a;transform:translateY(-2px);box-shadow:0 4px 12px #2a9d8f4d}[data-theme=dark] .cta-button{background-color:#00b894;box-shadow:0 2px 8px #00b89433}[data-theme=dark] .cta-button:hover{background-color:#00a085;box-shadow:0 4px 12px #00b89466}.hero-image{flex:1;max-width:400px;width:100%;margin-top:20px;border-radius:12px;box-shadow:0 8px 16px #005a8d33;transition:all .3s ease}[data-theme=dark] .hero-image{box-shadow:0 8px 16px #74b9ff4d;filter:brightness(.9)}.benefits{padding:60px 10%;background:#fff;text-align:center;flex-shrink:0;transition:all .3s ease}[data-theme=dark] .benefits{background:#1e1e1e}.benefits h2{font-size:2rem;margin-bottom:40px;color:#1e1e1e;transition:color .3s ease}[data-theme=dark] .benefits h2{color:#f8f9fa}.benefits h2 .brand{color:#2a9d8f;transition:color .3s ease}[data-theme=dark] .benefits h2 .brand{color:#00b894}.benefits-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{background:#f8f9fa;padding:30px;border-radius:12px;box-shadow:0 6px 12px #0000000d;transition:all .3s ease}[data-theme=dark] .benefit-item{background:#2c3e50;box-shadow:0 6px 12px #0000004d}.benefit-item:hover{transform:translateY(-5px)}[data-theme=dark] .benefit-item:hover{background:#34495e;box-shadow:0 8px 20px #0006}.benefit-item img{max-width:60px;margin-bottom:15px;transition:all .3s ease}[data-theme=dark] .benefit-item img{filter:brightness(1.2) contrast(1.1)}.benefit-item h3{font-size:1.3rem;color:#005a8d;margin-bottom:10px;transition:color .3s ease}[data-theme=dark] .benefit-item h3{color:#74b9ff}.benefit-item p{color:#555;font-size:1rem;transition:color .3s ease}[data-theme=dark] .benefit-item p{color:#bdc3c7}@media (max-width: 768px){.hero{padding:40px 5%;min-height:60vh}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.benefits{padding:40px 5%}.benefits h2{font-size:1.5rem}}.mood-chart-main{width:100%;max-width:64rem;margin:0 auto;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040}.mood-header{text-align:center;margin-bottom:2rem}.mood-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.mood-average{display:flex;align-items:center;justify-content:center;gap:.75rem}.mood-average-emoji{font-size:2.5rem}.mood-average-desc{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.mood-average-period{font-size:.875rem;color:#6b7280;margin:0}.mood-circle-container{position:relative;display:flex;justify-content:center;margin-bottom:2rem}.mood-circle{position:relative;width:20rem;height:20rem}.mood-day-item{position:absolute;cursor:pointer;transition:all .3s ease}.mood-day-item:hover{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1.25)}.mood-day-circle{width:4rem;height:4rem;border-radius:50%;box-shadow:0 10px 25px #0003;display:flex;align-items:center;justify-content:center;border:4px solid white;transition:all .3s ease}.mood-day-circle:hover{box-shadow:0 20px 40px #0000004d}.mood-day-emoji{font-size:1.5rem}.mood-day-info{text-align:center;margin-top:.5rem}.mood-day-name{font-size:.75rem;font-weight:600;color:#4b5563;margin:0}.mood-day-date{font-size:.75rem;color:#6b7280;margin:0}.mood-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;background:#fff;border-radius:50%;box-shadow:0 10px 25px #0003;display:flex;align-items:center;justify-content:center;border:4px solid #f3f4f6}.mood-center-text{text-align:center}.mood-center-text p{font-size:.75rem;font-weight:700;color:#4b5563;margin:0}.mood-progress-section{margin-bottom:1.5rem}.mood-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.mood-progress-bar{height:.75rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.mood-progress-fill{height:100%;background:linear-gradient(90deg,#f87171,#facc15,#60a5fa);border-radius:9999px;transition:all 1s ease}.mood-progress-text{text-align:center;font-size:.875rem;color:#4b5563;margin-top:.5rem}.mood-cards-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.mood-card{padding:.75rem;border-radius:.75rem;text-align:center;transition:all .3s ease;cursor:pointer}.mood-card:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.mood-card-selected{box-shadow:0 0 0 4px #60a5fa,0 10px 25px #0003}.mood-card-emoji{font-size:1.5rem;margin-bottom:.25rem}.mood-card-day{font-size:.75rem;font-weight:600;color:#374151;margin:0}.mood-card-date{font-size:.75rem;color:#6b7280;margin:0}.mood-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.mood-modal{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:24rem;width:100%;margin:0 1rem}.mood-modal-content{text-align:center}.mood-modal-emoji{font-size:3.75rem;margin-bottom:1rem}.mood-modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.mood-modal-description{font-size:1.125rem;color:#4b5563;margin-bottom:1rem}.mood-modal-bar{width:100%;height:.5rem;border-radius:9999px;margin-bottom:1rem}.mood-modal-button{padding:.5rem 1.5rem;background-color:#3b82f6;color:#fff;border-radius:9999px;border:none;cursor:pointer;transition:background-color .3s ease}.mood-modal-button:hover{background-color:#2563eb}@media (max-width: 768px){.mood-chart-main{padding:1rem}.mood-circle{width:16rem;height:16rem}.mood-cards-grid{grid-template-columns:repeat(7,1fr);gap:.25rem}.mood-card{padding:.5rem}.mood-card-emoji{font-size:1.25rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:url(/assets/background-pF2AZbrj.png) no-repeat center center/cover;border-radius:20px;margin:2rem 0}.register-box{background:#e91e632b;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0003;width:100%;max-width:700px;text-align:center;animation:fadeIn .8s ease-in-out}.input-group input,.input-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:all .3s ease-in-out;background-color:#fff;color:#333;box-sizing:border-box}.input-group input:focus,.input-group select:focus{border-color:#ff758c;outline:none;box-shadow:0 0 5px #ff758c80}.input-group input::placeholder{color:#999;opacity:1}.input-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:40px}.input-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.input-group select option{color:#333;background-color:#fff}.input-group .ant-select{height:45px!important}.input-group .ant-select .ant-select-selector{height:45px!important;border:1px solid #ccc!important;border-radius:8px!important;padding:8px 10px!important;background-color:#fff!important;transition:all .3s ease-in-out!important}.input-group .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#ff758c!important}.input-group .ant-select.ant-select-focused .ant-select-selector{border-color:#ff758c!important;box-shadow:0 0 5px #ff758c80!important;outline:none!important}.input-group .ant-select .ant-select-selection-placeholder{color:#999!important;line-height:27px!important}.input-group .ant-select .ant-select-selection-item{color:#333!important;line-height:27px!important}.input-group .ant-select.ant-select-disabled .ant-select-selector{background-color:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.register-btn{width:100%;padding:12px;background-color:#ff758c;border:none;color:#fff;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s;margin-top:10px}.register-btn:hover:not(:disabled){background-color:#e64a68}.register-btn:disabled{background-color:#ccc;cursor:not-allowed}.login-text{margin-top:15px;font-size:14px;color:#555}.login-link{color:#667eea;font-weight:700;cursor:pointer;transition:color .3s}.login-link:hover{color:#444}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:8px;border:1px solid #f5c6cb;margin-bottom:15px;font-size:14px;text-align:center}@media (max-width: 480px){.register-container{padding:10px}.register-box{padding:20px;max-width:400px}h2{font-size:20px}.form-columns{flex-direction:column;gap:0}.form-column-right{justify-content:flex-start}.form-column-right .register-btn{margin-top:10px}}@media (max-width: 768px){.register-box{max-width:600px}.form-columns{gap:20px}}.form-columns{display:flex;gap:30px;margin-top:20px}.form-column-left,.form-column-right{flex:1;display:flex;flex-direction:column}.form-column-right{justify-content:space-between}.form-column-right .register-btn{margin-top:auto;align-self:stretch}html,body{margin:0;padding:0;height:100%}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:url(/assets/background-pF2AZbrj.png) no-repeat center center/cover;border-radius:20px;margin:2rem 0}.login-box{background:#e91e632b;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0003;width:100%;max-width:400px;text-align:center;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h2{color:#333;font-size:24px;margin-bottom:5px}.subtitle{font-size:14px;color:#666;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#444}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:all .3s ease-in-out}.input-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 5px #667eea80}.login-btn{width:100%;padding:12px;background-color:#ff758c;border:none;color:#fff;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s}.login-btn:hover{background-color:#e64a68}.register-text{margin-top:15px;font-size:14px;color:#555}.register-link{color:#667eea;font-weight:700;cursor:pointer;transition:color .3s}.register-link:hover{color:#444}.error-message{background-color:#ff4757;color:#fff;padding:10px;border-radius:8px;margin-bottom:15px;font-size:14px;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,20%,40%,60%,80%{transform:translate(-2px)}10%,30%,50%,70%,90%{transform:translate(2px)}to{transform:translate(0)}}.input-group input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.login-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.login-btn:disabled:hover{background-color:#ccc}.event-card{width:320px;height:420px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.event-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.event-card.past-event{opacity:.8;filter:grayscale(20%)}.event-card.past-event:hover{opacity:1;filter:grayscale(0%)}.card-image-container{position:relative;height:200px;overflow:hidden;border-radius:16px 16px 0 0}.event-card:hover .card-image{transform:scale(1.1)}.card-status{position:absolute;top:12px;left:12px;padding:6px 12px;font-size:12px;font-weight:700;border-radius:20px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card-status.past{background:#6b7280e6;color:#fff}.event-card:hover .card-actions{opacity:1}.card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:12px}.card-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-direction:column;gap:10px;margin:8px 0}.meta-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#374151}.meta-item.date{padding:8px 12px;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.meta-item.location{color:#6b7280}.date-info{display:flex;flex-direction:column;gap:2px}.date-main{font-weight:600;color:#1f2937;text-transform:capitalize}.time-main{font-weight:500;color:#3b82f6;font-size:12px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.author-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000001a}.author-name{font-size:13px;font-weight:600;color:#374151;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.like-count{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;font-weight:500}.like-count svg{color:#ef4444}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.event-card:after{content:"";position:absolute;top:0;left:0;width:1px;bottom:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent)}@media (max-width: 768px){.event-card{width:100%;max-width:340px;height:auto;min-height:380px}.card-content{padding:16px}.card-title{font-size:16px}.card-meta{gap:8px}.meta-item.date{padding:6px 10px}}.events-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem}.events-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.events-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.events-subtitle{font-size:1.1rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.events-tabs{display:flex;justify-content:center;margin-bottom:2.5rem;gap:1rem;flex-wrap:wrap}.tab-button{padding:14px 28px;font-size:1rem;font-weight:600;border:2px solid #e5e7eb;border-radius:12px;background:#fffffff2;color:#6b7280;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000000a}.tab-button:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014;color:#374151}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 3px 12px #667eea40}.events-content{max-width:1400px;margin:0 auto}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;justify-items:center;padding:1rem 0}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.events-empty{text-align:center;padding:4rem 2rem;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:500px;margin:2rem auto}.events-empty p{font-size:1.1rem;color:#6b7280;margin:0;line-height:1.6}.events-page{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.events-grid{animation:slideUp .8s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.events-page{padding:1rem .5rem}.events-title{font-size:2rem}.events-subtitle{font-size:1rem}.events-tabs{flex-direction:column;align-items:center;gap:.5rem}.tab-button{width:100%;max-width:280px;padding:14px 20px}.events-grid{grid-template-columns:1fr;gap:1.5rem;padding:.5rem}.events-header{margin-bottom:2rem}}@media (max-width: 480px){.events-title{font-size:1.75rem}.events-subtitle{font-size:.95rem}.events-grid{gap:1rem}}.tab-button:focus{outline:2px solid #667eea;outline-offset:2px}.tab-button:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme: dark){.events-page{background:linear-gradient(135deg,#1f2937,#111827)}.events-title{color:#f9fafb}.events-subtitle{color:#d1d5db}.tab-button{background:#1f2937e6;color:#d1d5db}.tab-button:hover{color:#f9fafb}.events-empty{background:#1f2937e6;border-color:#4b55634d}.events-empty p,.events-loading{color:#d1d5db}}.daily-summary{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:linear-gradient(135deg,#d0eafc,#f1f8ff);display:flex;justify-content:center;align-items:center;padding:20px}.daily-container{background:#fffffff2;padding:40px;border-radius:20px;width:100%;max-width:500px;animation:fadeInUp .8s ease-out;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.daily-header{text-align:center;margin-bottom:30px}.daily-header h1{color:#005a8d;font-size:2.2rem;margin-bottom:10px;font-weight:600}.date-text{color:#666;font-size:1rem;text-transform:capitalize;margin:0}.mood-display{text-align:center;margin-bottom:30px}.emoji-container{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;margin-bottom:15px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000026;animation:bounceIn .4s ease-out;will-change:background-color}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.mood-emoji{font-size:4rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.mood-description{color:#333;font-size:1.5rem;font-weight:500;margin:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.slider-container{margin-bottom:30px}.slider-label{display:block;color:#444;font-weight:500;margin-bottom:15px;text-align:center;font-size:1rem}.mood-slider{width:100%;height:8px;border-radius:8px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s cubic-bezier(.4,0,.2,1);cursor:pointer;background-size:100% 100%;background-repeat:no-repeat}.mood-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #005a8d;box-shadow:0 4px 12px #005a8d4d;transition:all .1s cubic-bezier(.4,0,.2,1);will-change:transform}.mood-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #005a8d66}.mood-slider::-webkit-slider-thumb:active{transform:scale(1.25);box-shadow:0 8px 20px #005a8d80}.mood-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #005a8d;box-shadow:0 4px 12px #005a8d4d;transition:all .1s cubic-bezier(.4,0,.2,1);will-change:transform}.mood-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #005a8d66}.mood-slider::-moz-range-thumb:active{transform:scale(1.25);box-shadow:0 8px 20px #005a8d80}.slider-labels{display:flex;justify-content:space-between;margin-top:10px;padding:0 12px}.slider-labels span{font-size:1.5rem;opacity:.6}.message-container{margin-bottom:25px}.message-label{display:block;color:#444;font-weight:500;margin-bottom:10px;font-size:1rem}.mood-textarea{width:100%;padding:15px;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fafbfc}.mood-textarea:focus{outline:none;border-color:#005a8d;background:#fff;box-shadow:0 0 0 3px #005a8d1a}.mood-textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#2a9d8f,#21867a);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:.5px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#21867a,#1a6b61);transform:translateY(-2px);box-shadow:0 8px 20px #2a9d8f4d}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.error-message{background-color:#ff4757;color:#fff;padding:12px;border-radius:8px;margin-bottom:15px;text-align:center;font-weight:500;animation:shake .5s ease-in-out}.success-container{margin-bottom:15px;animation:slideIn .5s ease-out}.success-message{background-color:#2ed573;color:#fff;padding:12px;border-radius:8px;margin-bottom:10px;text-align:center;font-weight:500}.ai-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #667eea33;animation:aiMessageSlide .6s ease-out .2s both}.ai-message-header{font-size:.9rem;font-weight:600;margin-bottom:8px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.ai-message-content{font-size:1rem;line-height:1.5;font-style:italic}.new-entry-btn{width:100%;padding:10px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:12px;text-transform:uppercase;letter-spacing:.5px}.new-entry-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@keyframes shake{0%,20%,40%,60%,80%{transform:translate(-3px)}10%,30%,50%,70%,90%{transform:translate(3px)}to{transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes aiMessageSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.daily-summary{padding:10px}.daily-container{padding:30px 20px;max-width:90%}.daily-header h1{font-size:1.8rem}.emoji-container{width:100px;height:100px}.mood-emoji{font-size:3.5rem}.mood-description{font-size:1.3rem}}@media (max-width: 480px){.daily-container{padding:25px 15px}.daily-header h1{font-size:1.6rem}.emoji-container{width:90px;height:90px}.mood-emoji{font-size:3rem}.mood-description{font-size:1.2rem}}.about-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffeef8,#f0e6ff,#ffe0f0);min-height:100vh;position:relative;overflow:hidden}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.shape{position:absolute;border-radius:50%;opacity:.4;animation:float 8s ease-in-out infinite}.shape-1{width:120px;height:120px;background:linear-gradient(45deg,#ffb3d9,#ff80cc);top:10%;left:5%;animation-delay:0s}.shape-2{width:80px;height:80px;background:linear-gradient(45deg,#e6b3ff,#d480ff);top:60%;right:10%;animation-delay:2s}.shape-3{width:100px;height:100px;background:linear-gradient(45deg,#ffccf2,#ff99e6);top:80%;left:20%;animation-delay:4s}.shape-4{width:60px;height:60px;background:linear-gradient(45deg,#f2ccff,#e699ff);top:30%;right:30%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(90deg) scale(1.1)}50%{transform:translateY(-25px) rotate(180deg) scale(.9)}75%{transform:translateY(-10px) rotate(270deg) scale(1.05)}}.about-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2;opacity:0;animation:fadeInUp 1.2s ease-out .3s forwards}.about-header h1{font-size:3.5rem;background:linear-gradient(45deg,#d63384,#e91e63,#ad1457);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(214,51,132,.2);animation:glow 3s ease-in-out infinite alternate;font-weight:700}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(214,51,132,.3))}to{filter:drop-shadow(0 0 15px rgba(214,51,132,.6))}}.about-header p{font-size:1.4rem;color:#8e44ad;font-weight:400;opacity:.9}.about-content{display:flex;flex-wrap:wrap;gap:3rem;align-items:center;margin-bottom:4rem;background:#fffc;padding:3rem;border-radius:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,182,193,.3);box-shadow:0 15px 35px #ff69b426;position:relative;z-index:2;opacity:0;animation:fadeInUp 1.2s ease-out .6s forwards;transition:all .4s ease}.about-content:hover{transform:translateY(-8px);box-shadow:0 25px 50px #ff69b440;border-color:#ffb6c180}.about-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,182,193,.1),transparent);border-radius:25px;opacity:0;transition:opacity .4s ease}.about-content:hover:before{opacity:1;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.about-image{position:relative}.image-wrapper{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 30px #ff69b433}.image-wrapper img{max-width:350px;width:100%;border-radius:20px;transition:all .5s ease;filter:brightness(1.05) saturate(1.1)}.image-wrapper:hover img{transform:scale(1.08);filter:brightness(1.1) saturate(1.2)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffb6c133,#dda0dd33);opacity:0;transition:opacity .3s ease;border-radius:20px}.image-wrapper:hover .image-overlay{opacity:1}.about-text{flex:1;font-size:1.2rem;line-height:1.8;color:#5d4e75;min-width:300px}.text-paragraph{margin-bottom:1.8rem;opacity:0;animation:fadeInLeft 1s ease-out forwards;position:relative}.text-paragraph:nth-child(1){animation-delay:.9s}.text-paragraph:nth-child(2){animation-delay:1.2s}.about-text strong{color:#d63384;font-weight:600;text-shadow:0 1px 2px rgba(214,51,132,.1)}.about-text em{color:#e91e63;font-style:normal;font-weight:500;background:linear-gradient(120deg,#e91e63,#f06292);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-eureka{text-align:center;margin:4rem 0;background:#ffffffe6;padding:3rem;border-radius:25px;box-shadow:0 15px 35px #ba55d326;position:relative;z-index:2;opacity:0;animation:fadeInUp 1.2s ease-out 1s forwards;border:1px solid rgba(255,182,193,.3);overflow:hidden}.about-eureka:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,182,193,.1),transparent);animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eureka-image-wrapper{position:relative;display:inline-block;margin-bottom:2rem;z-index:1}.eureka-image-wrapper img{width:180px;border-radius:20px;box-shadow:0 10px 25px #ba55d333;transition:all .4s ease;border:3px solid rgba(255,182,193,.3)}.eureka-image-wrapper:hover img{transform:scale(1.1) rotate(3deg);box-shadow:0 15px 35px #ba55d34d;border-color:#ffb6c199}.about-eureka p{font-size:1.1rem;color:#5d4e75;max-width:750px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.about-mission{background:linear-gradient(135deg,#ffffffe6,#fff0f5e6);padding:3rem;border-radius:25px;margin-top:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,182,193,.3);box-shadow:0 15px 35px #ff69b426;position:relative;z-index:2;opacity:0;animation:fadeInUp 1.2s ease-out 1.3s forwards;overflow:hidden}.about-mission:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,182,193,.15),transparent);animation:slideIn 4s ease-in-out infinite}@keyframes slideIn{0%{left:-100%}50%{left:100%}to{left:100%}}.about-mission h2{color:#d63384;margin-bottom:2.5rem;font-size:2.4rem;text-align:center;position:relative;z-index:1;font-weight:600;text-shadow:0 2px 4px rgba(214,51,132,.1)}.mission-list{list-style:none;position:relative;z-index:1;max-width:600px;margin:0 auto}.mission-item{font-size:1.1rem;color:#5d4e75;position:relative;padding:1.2rem 0 1.2rem 3.5rem;opacity:0;animation:fadeInLeft .8s ease-out forwards;transition:all .3s ease;border-radius:10px;margin-bottom:.5rem}.mission-item:nth-child(1){animation-delay:1.6s}.mission-item:nth-child(2){animation-delay:1.8s}.mission-item:nth-child(3){animation-delay:2s}.mission-item:nth-child(4){animation-delay:2.2s}.mission-item:hover{transform:translate(15px);background:#ffb6c11a;padding-right:1rem}.mission-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:bounce 2s ease-in-out infinite}.mission-item:nth-child(1) .mission-icon{animation-delay:0s}.mission-item:nth-child(2) .mission-icon{animation-delay:.2s}.mission-item:nth-child(3) .mission-icon{animation-delay:.4s}.mission-item:nth-child(4) .mission-icon{animation-delay:.6s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(-50%) scale(1)}40%{transform:translateY(-60%) scale(1.1)}60%{transform:translateY(-55%) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.about-container{padding:1.5rem}.about-header h1{font-size:2.5rem}.about-content{flex-direction:column;text-align:center;padding:2rem}.image-wrapper img{max-width:280px}.about-text{min-width:auto}.floating-shapes .shape{display:none}}@media (max-width: 480px){.about-header h1{font-size:2rem}.about-content,.about-eureka,.about-mission{padding:1.5rem}.mission-item{font-size:1rem;padding-left:2.5rem}}.admin-panel{padding:24px;min-height:calc(100vh - 60px);background-color:transparent}.admin-header{margin-bottom:24px;padding:20px;background:var(--card-bg, #ffffff);border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-header h2{margin-bottom:8px;color:var(--primary-color, #1890ff)}.admin-header p{margin:0;color:var(--text-color, #666);font-size:16px}.admin-panel .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{background:var(--card-bg, #ffffff);border:1px solid #d9d9d9;border-bottom:none;border-radius:8px 8px 0 0;margin-right:8px}.admin-panel .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:var(--primary-color, #1890ff);color:#fff;border-color:var(--primary-color, #1890ff)}.admin-panel .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active .anticon{color:#fff}.admin-panel .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.admin-panel .ant-card-head{background:var(--card-header-bg, #fafafa);border-bottom:1px solid #f0f0f0}.admin-panel .ant-card-head-title{color:var(--primary-color, #1890ff);font-weight:600}.admin-panel .ant-statistic{text-align:center}.admin-panel .ant-statistic-title{color:var(--text-color, #666);font-size:14px}.admin-panel .ant-statistic-content{color:var(--primary-color, #1890ff)}.admin-panel .ant-form-item-label>label{color:var(--text-color, #333);font-weight:500}.admin-panel .ant-input,.admin-panel .ant-input:focus,.admin-panel .ant-picker{border-radius:6px}.admin-panel .ant-btn{border-radius:6px;font-weight:500}.admin-panel .ant-btn-primary{background:var(--primary-color, #1890ff);border-color:var(--primary-color, #1890ff)}.admin-panel .ant-btn-primary:hover{background:var(--primary-hover-color, #40a9ff);border-color:var(--primary-hover-color, #40a9ff)}.admin-panel .ant-table{border-radius:8px;overflow:hidden}.admin-panel .ant-table-thead>tr>th{background:var(--table-header-bg, #fafafa);color:var(--text-color, #333);font-weight:600}.admin-panel .ant-table-tbody>tr:hover>td{background:var(--table-hover-bg, #f5f5f5)}.admin-panel .ant-btn-sm{height:28px;padding:0 12px;font-size:12px}.admin-panel .ant-upload{width:100%}.admin-panel .ant-upload-list{margin-top:8px}.admin-panel .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.admin-panel .secondary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.admin-panel .equal-height-cards .ant-card{height:100%;display:flex;flex-direction:column}.admin-panel .equal-height-cards .ant-card-body{flex:1;display:flex;flex-direction:column}@media (max-width: 1200px){.admin-panel .stats-grid{grid-template-columns:repeat(2,1fr)}.admin-panel .secondary-stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-panel{padding:16px}.admin-header{padding:16px;text-align:center}.admin-header h2{font-size:20px}.admin-panel .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.admin-panel .secondary-stats-grid{grid-template-columns:1fr;gap:12px}.admin-panel .ant-col{margin-bottom:16px}.admin-panel .ant-tabs-tab{font-size:12px;padding:8px 12px}.admin-panel .ant-statistic-title{font-size:12px}.admin-panel .ant-statistic-content{font-size:20px}.admin-panel .ant-card-head-title{font-size:14px}}@media (max-width: 480px){.admin-panel,.admin-header{padding:12px}.admin-panel .stats-grid{grid-template-columns:1fr;gap:8px}.admin-panel .ant-tabs-nav{margin-bottom:16px}.admin-panel .ant-tabs-tab{font-size:11px;padding:6px 8px}.admin-panel .ant-card{margin-bottom:12px}.admin-panel .ant-table{font-size:12px}.admin-panel .ant-btn-sm{height:24px;padding:0 8px;font-size:11px}}[data-theme=dark] .admin-panel{background-color:#141414}[data-theme=dark] .admin-header{background:#1f1f1f;border:1px solid #303030}[data-theme=dark] .admin-header h2{color:#1890ff}[data-theme=dark] .admin-header p{color:#888}[data-theme=dark] .admin-panel .ant-card{background:#1f1f1f;border:1px solid #303030}[data-theme=dark] .admin-panel .ant-card-head{background:#262626;border-bottom:1px solid #303030}[data-theme=dark] .admin-panel .ant-form-item-label>label{color:#fff}[data-theme=dark] .admin-panel .ant-table{background:#1f1f1f}[data-theme=dark] .admin-panel .ant-table-thead>tr>th{background:#262626;color:#fff;border-bottom:1px solid #303030}[data-theme=dark] .admin-panel .ant-table-tbody>tr>td{background:#1f1f1f;border-bottom:1px solid #303030;color:#fff}[data-theme=dark] .admin-panel .ant-table-tbody>tr:hover>td{background:#262626}.edit-profile-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.edit-profile-box{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:600px;position:relative}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px}.loading-spinner{width:24px;height:24px;animation:spin 1s linear infinite;color:#667eea;margin-right:10px}.loading-text{color:#666;font-size:16px}.header{display:flex;align-items:center;margin-bottom:30px;text-align:center;justify-content:center}.header-icon{width:32px;height:32px;color:#667eea;margin-right:12px}.title{font-size:28px;font-weight:700;color:#333;margin:0}.message{padding:16px;border-radius:12px;margin-bottom:24px;font-weight:500}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-container{display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column}.input-group label{display:flex;align-items:center;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.label-icon{width:16px;height:16px;margin-right:8px;color:#667eea}.input-group input,.input-group select{padding:16px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group input:disabled,.input-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.button-group{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.cancel-btn,.submit-btn{padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-btn{background-color:#f8f9fa;color:#6c757d}.cancel-btn:hover{background-color:#e9ecef;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-icon{width:16px;height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.edit-profile-container{padding:10px}.edit-profile-box{padding:24px}.title{font-size:24px}.button-group{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}:root{--primary-rose: #f43f5e;--primary-pink: #ec4899;--light-pink: #fce7f3;--soft-pink: #fbcfe8;--warm-pink: #f9a8d4;--deep-rose: #be185d;--accent-purple: #a855f7;--accent-blue: #3b82f6;--success-green: #10b981;--warning-orange: #f59e0b;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gradient-pink: linear-gradient(135deg, #fce7f3 0%, #f3e8ff 100%);--gradient-rose: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);--gradient-purple: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-sunset: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-soft: 0 4px 20px rgba(244, 63, 94, .15);--shadow-medium: 0 8px 30px rgba(244, 63, 94, .2);--shadow-strong: 0 15px 40px rgba(244, 63, 94, .25);--shadow-glow: 0 0 30px rgba(244, 63, 94, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.landing-container{min-height:100vh;transition:all .4s ease;position:relative;overflow-x:hidden;padding-top:2rem}.landing-container.light{color:var(--gray-800)}.landing-container.dark{color:var(--gray-100)}.landing-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;animation:float 6s ease-in-out infinite;transition:all .4s ease}.landing-container.light:before{background:radial-gradient(circle at 20% 20%,rgba(244,63,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(236,72,153,.08) 0%,transparent 50%)}.landing-container.dark:before{background:#0f172a}.landing-navbar{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;margin:1rem 2rem;position:sticky;top:1rem;z-index:1000;transition:all .3s ease;flex-wrap:wrap;box-shadow:var(--shadow-soft)}.landing-navbar.dark{background:#1a1a2ef2;box-shadow:0 4px 20px #f43f5e26}.landing-navbar:hover{box-shadow:var(--shadow-medium)}.landing-navbar.dark:hover{box-shadow:0 8px 30px #f43f5e40}.landing-navbar-logo{display:flex;align-items:center;gap:.75rem;animation:slideInLeft .8s ease-out;z-index:1001;cursor:pointer}.landing-navbar-logo-icon{height:2.5rem;width:2.5rem;color:var(--primary-rose);transition:all .3s ease;animation:heartbeat 2s ease-in-out infinite}.landing-navbar-logo-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(244,63,94,.5))}.landing-navbar.dark .landing-navbar-logo-icon{color:var(--warm-pink)}.landing-navbar-logo-text{font-size:1.75rem;font-weight:800;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.landing-navbar.dark .landing-navbar-logo-text{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu-desktop{display:flex;align-items:center;gap:2rem;animation:fadeInDown .8s ease-out .3s both}.navbar-menu-item{background:none;border:none;color:var(--gray-700);font-weight:500;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;position:relative;text-decoration:none}.navbar-menu-item.dark{color:var(--gray-200)}.navbar-menu-item:hover{color:var(--primary-rose);background:#f43f5e1a;transform:translateY(-1px)}.navbar-menu-item.dark:hover{color:var(--warm-pink);background:#f43f5e26}.navbar-actions{display:flex;align-items:center;gap:1rem}.landing-login-button{padding:.75rem 2rem;background:var(--gradient-rose);color:#fff;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden;animation:slideInRight .8s ease-out}.landing-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.landing-login-button:hover:before{left:100%}.landing-login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.landing-login-button:active{transform:translateY(0)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;height:2px;width:100%;background:var(--gray-700);margin-bottom:4px;transition:all .3s ease;transform-origin:center}.landing-navbar.dark .hamburger span{background:var(--gray-200)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-menu-mobile{position:fixed;top:100%;left:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0;max-height:0;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;z-index:999}.navbar-menu-mobile.dark{background:#1a1a2efa}.navbar-menu-mobile.open{max-height:100vh;padding:2rem}.navbar-menu-item-mobile{background:none;border:none;color:var(--gray-700);font-weight:500;font-size:1.125rem;cursor:pointer;padding:1rem;border-radius:.75rem;transition:all .3s ease;text-align:left;margin-bottom:.5rem;text-decoration:none}.navbar-menu-item-mobile.dark{color:var(--gray-200)}.navbar-menu-item-mobile:hover{color:var(--primary-rose);background:#f43f5e1a;transform:translate(10px)}.navbar-menu-item-mobile.dark:hover{color:var(--warm-pink);background:#f43f5e26}.landing-login-button-mobile{margin-top:1rem;padding:1rem 2rem;background:var(--gradient-rose);color:#fff;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:var(--shadow-soft);transition:all .3s ease;text-align:center;display:block}.landing-login-button-mobile:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}@media (max-width: 1024px){.navbar-menu-desktop{display:none}.mobile-menu-toggle{display:block}}@media (max-width: 768px){.landing-navbar{padding:1rem}.landing-login-button{display:none}}html{scroll-behavior:smooth}.landing-hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 80px);overflow:hidden;border-radius:20px}.landing-hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center 20%,rgba(244,63,94,.08) 0%,rgba(168,85,247,.05) 40%,transparent 70%);pointer-events:none;z-index:1}.landing-hero-section.dark{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a)}.landing-hero-section.dark:before{background:radial-gradient(circle at center 20%,rgba(244,63,94,.15) 0%,rgba(168,85,247,.1) 40%,transparent 70%)}.landing-hero-content{position:relative;z-index:10;max-width:60rem;margin:0 auto}.hero-icon-container{display:flex;justify-content:center;margin-bottom:2rem;animation:fadeInDown .8s ease-out;position:relative}.hero-main-icon{width:6rem;height:6rem;filter:drop-shadow(0 10px 30px rgba(244,63,94,.3));transition:all .3s ease;position:relative;z-index:10}.hero-main-icon:hover{transform:scale(1.05);filter:drop-shadow(0 15px 40px rgba(244,63,94,.4))}.landing-hero-section.dark .hero-main-icon{filter:drop-shadow(0 10px 30px rgba(244,63,94,.4))}.landing-hero-section.dark .hero-main-icon:hover{filter:drop-shadow(0 15px 40px rgba(244,63,94,.5))}.particle-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;pointer-events:none;z-index:1}.particle{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:emanateParticle var(--duration) linear infinite;animation-delay:var(--delay);z-index:1}.particle.light{background:radial-gradient(circle,rgba(244,63,94,.8) 0%,rgba(168,85,247,.6) 60%,transparent 100%);box-shadow:0 0 8px #f43f5e99,0 0 15px #f43f5e66;filter:blur(.2px)}.particle.dark{background:radial-gradient(circle,rgba(244,63,94,.9) 0%,rgba(168,85,247,.7) 60%,transparent 100%);box-shadow:0 0 10px #f43f5eb3,0 0 20px #f43f5e80;filter:blur(.2px)}@keyframes emanateParticle{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--start-distance))) rotate(0);opacity:var(--opacity)}to{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--end-distance))) rotate(calc(360deg * var(--rotation-speed)));opacity:0}}@keyframes emanateParticleReverse{0%{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--start-distance))) rotate(0);opacity:var(--opacity)}to{transform:translate(-50%,-50%) rotate(var(--start-angle)) translateY(calc(-1 * var(--end-distance))) rotate(calc(-360deg * var(--rotation-speed)));opacity:0}}.particle:nth-child(2n){animation-duration:calc(var(--duration) * 1.3)}.particle:nth-child(3n){animation-duration:calc(var(--duration) * .7)}.particle:nth-child(5n){animation-duration:calc(var(--duration) * 1.1)}.particle:nth-child(7n){animation-duration:calc(var(--duration) * .9)}.particle:nth-child(odd){animation-name:emanateParticleReverse}.landing-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-rose) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown 1s ease-out;letter-spacing:-.02em}.landing-hero-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-title-highlight{position:relative;display:inline-block;color:var(--primary-rose)!important;-webkit-text-fill-color:var(--primary-rose)!important;background:none!important}.landing-hero-title-highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:4px;background:var(--gradient-rose);animation:shimmer 2s infinite}.landing-hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);margin-bottom:3rem;max-width:62rem;margin-left:auto;margin-right:auto;color:var(--gray-600);animation:fadeInUp 1s ease-out .3s both;font-weight:400;line-height:1.6}.landing-hero-subtitle.dark{color:var(--gray-300)}.landing-cta-buttons{display:flex;justify-content:center;gap:1.5rem;animation:fadeInUp 1s ease-out .6s both;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent}.primary-cta{background:var(--gradient-rose);color:#fff;box-shadow:var(--shadow-soft)}.primary-cta:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.secondary-cta{background:transparent;border:2px solid var(--primary-rose);color:var(--primary-rose)}.secondary-cta.dark{border-color:var(--warm-pink);color:var(--warm-pink)}.secondary-cta:hover{background:var(--primary-rose);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-soft)}.secondary-cta.dark:hover{background:var(--warm-pink);border-color:var(--warm-pink)}.floating-hearts{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.heart{position:absolute;font-size:1.5rem;color:var(--primary-pink);opacity:.3;animation:float 4s ease-in-out infinite}.heart:nth-child(1){top:20%;left:10%;animation-delay:0s}.heart:nth-child(2){top:60%;left:80%;animation-delay:1s}.heart:nth-child(3){top:30%;left:70%;animation-delay:2s}.heart:nth-child(4){top:80%;left:20%;animation-delay:3s}.landing-features-section{padding:6rem 2rem;margin:4rem auto;position:relative}.landing-features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-pink);border-radius:2rem;opacity:.5}.landing-features-section.dark:before{background:linear-gradient(135deg,#1a1a2ee6,#374151b3)}.landing-features-content{position:relative;max-width:75rem;margin:0 auto;align-items:center;z-index:2}.landing-features-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:4rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.landing-features-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing-feature-card{background:#ffffffe6;padding:2.5rem;border-radius:1.5rem;box-shadow:var(--shadow-soft);transition:all .3s ease;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,63,94,.1)}.landing-feature-card.dark{background:#374151cc;border:1px solid rgba(244,63,94,.2)}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-rose);transform:scaleX(0);transition:transform .3s ease}.landing-feature-card:hover:before{transform:scaleX(1)}.landing-feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}.landing-feature-card:nth-child(1){animation:slideInLeft .8s ease-out .2s both}.landing-feature-card:nth-child(2){animation:fadeInUp .8s ease-out .4s both}.landing-feature-card:nth-child(3){animation:slideInRight .8s ease-out .6s both}.landing-feature-icon{font-size:3rem;margin-bottom:1.5rem;display:flex;justify-content:center;transition:all .3s ease}.landing-feature-card:nth-child(1) .landing-feature-icon{color:var(--primary-rose)}.landing-feature-card:nth-child(2) .landing-feature-icon{color:var(--accent-purple)}.landing-feature-card:nth-child(3) .landing-feature-icon{color:var(--success-green)}.landing-feature-card:hover .landing-feature-icon{transform:scale(1.1);animation:pulse 1s ease-in-out infinite}.landing-feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-800)}.landing-feature-title.dark{color:var(--gray-100)}.landing-feature-description{color:var(--gray-600);line-height:1.7;font-weight:400}.landing-feature-description.dark{color:var(--gray-300)}.landing-final-cta-section{padding:6rem 2rem;text-align:center;background:var(--gradient-sunset);position:relative;overflow:hidden}.landing-final-cta-section.dark{background:linear-gradient(135deg,#1e3a8a,#4c1d95)}.landing-final-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.landing-final-cta-content{position:relative;z-index:2;max-width:50rem;margin:0 auto}.landing-final-cta-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;margin-bottom:1.5rem;color:#fff;animation:fadeInDown .8s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.1)}.landing-final-cta-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:3rem;color:#ffffffe6;animation:fadeInUp .8s ease-out .3s both;line-height:1.6}.landing-final-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1.25rem 3rem;background:#fff;color:var(--primary-rose);font-size:1.25rem;font-weight:700;border-radius:50px;text-decoration:none;box-shadow:var(--shadow-strong);transition:all .3s ease;animation:fadeInUp .8s ease-out .6s both}.landing-final-cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-glow)}.landing-footer{padding:3rem 2rem;text-align:center;background:var(--gray-900);color:var(--gray-300);position:relative;border-radius:20px}.landing-footer.dark{background:var(--gray-900)}.landing-footer-content{max-width:60rem;margin:0 auto}.landing-footer-text{margin-bottom:2rem;font-size:1rem;opacity:.8}.landing-footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.landing-footer-links a{color:var(--gray-300);text-decoration:none;transition:all .3s ease;font-weight:500}.landing-footer-links a:hover{color:var(--warm-pink);transform:translateY(-2px)}@media (max-width: 768px){.landing-navbar{padding:1rem}.landing-hero-section{padding:4rem 1rem}.hero-icon-container{margin-bottom:1.5rem}.hero-main-icon{width:4.5rem;height:4.5rem}.particle-background{width:300px;height:300px}.landing-cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}.landing-features-grid{grid-template-columns:1fr}.landing-features-section,.landing-final-cta-section{padding:4rem 1rem}.landing-footer-links{flex-direction:column;gap:1rem}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}button:focus,a:focus{outline:2px solid var(--primary-rose);outline-offset:2px}.dark{--shadow-soft: 0 4px 20px rgba(244, 63, 94, .3);--shadow-medium: 0 8px 30px rgba(244, 63, 94, .4);--shadow-strong: 0 15px 40px rgba(244, 63, 94, .5)}.landing-testimonials-section{padding:6rem 2rem;max-width:75rem;margin:0 auto;position:relative}.landing-testimonials-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:4rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.landing-testimonials-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.landing-testimonial-card{background:#fffffff2;padding:2.5rem;border-radius:1.5rem;box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,63,94,.1)}.landing-testimonial-card.dark{background:#374151e6;border:1px solid rgba(244,63,94,.2)}.landing-testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.testimonial-quote{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;color:var(--gray-700);font-style:italic;position:relative}.testimonial-quote.dark{color:var(--gray-200)}.testimonial-quote:before{content:'"';font-size:4rem;color:var(--primary-pink);opacity:.3;position:absolute;top:-1rem;left:-.5rem;font-family:serif}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:3rem;height:3rem;background:var(--gradient-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.testimonial-name{font-weight:600;color:var(--gray-800)}.testimonial-name.dark{color:var(--gray-100)}.testimonial-role{font-size:.875rem;color:var(--gray-500)}.testimonial-role.dark{color:var(--gray-400)}.landing-how-it-works-section{padding:6rem 2rem;background:var(--gradient-pink);position:relative;border-radius:20px}.landing-how-it-works-section.dark{background:linear-gradient(135deg,#1a1a2ee6,#374151b3)}.landing-how-it-works-content{max-width:75rem;margin:0 auto;position:relative;z-index:2}.landing-how-it-works-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:4rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.landing-how-it-works-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.landing-step-card{background:#fffffff2;padding:3rem 2rem;border-radius:1.5rem;text-align:center;position:relative;box-shadow:var(--shadow-soft);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,63,94,.1)}.landing-step-card.dark{background:#374151e6;border:1px solid rgba(244,63,94,.2)}.landing-step-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}.step-number{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:3rem;height:3rem;background:var(--gradient-rose);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-soft)}.step-icon{margin:2rem 0 1.5rem;color:var(--primary-rose);display:flex;justify-content:center}.landing-step-card:nth-child(2) .step-icon{color:var(--accent-purple)}.landing-step-card:nth-child(3) .step-icon{color:var(--success-green)}.step-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--gray-800)}.step-title.dark{color:var(--gray-100)}.step-description{color:var(--gray-600);line-height:1.7}.step-description.dark{color:var(--gray-300)}.landing-footer-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.footer-logo-icon{height:2rem;width:2rem;color:var(--warm-pink)}.footer-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-copyright{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(244,63,94,.2)}.footer-copyright p{font-size:.875rem;opacity:.7}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}@media (max-width: 768px){.landing-testimonials-grid{grid-template-columns:1fr}.landing-testimonials-section,.landing-how-it-works-section{padding:4rem 1rem}.landing-steps-grid{grid-template-columns:1fr}.testimonial-quote:before{font-size:3rem;top:-.5rem}}.landing-demo-section{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;margin:2rem 0;border-radius:20px}.landing-demo-section.dark{background:linear-gradient(135deg,#0f172ae6,#1e293bcc)}.landing-demo-content{max-width:75rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-demo-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1.5rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.landing-demo-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-demo-subtitle{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.7;animation:fadeInUp .8s ease-out .3s both}.landing-demo-subtitle.dark{color:var(--gray-300)}.demo-features-list{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .8s ease-out .6s both}.demo-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f43f5e0d;border-radius:.75rem;transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative}.landing-demo-section.dark .demo-feature-item{background:#f43f5e1a}.demo-feature-item:hover{background:#f43f5e1a;transform:translate(5px);border-color:#f43f5e33}.demo-feature-item.active{background:#f43f5e26;border-color:var(--primary-rose);transform:translate(5px);box-shadow:0 4px 15px #f43f5e33}.landing-demo-section.dark .demo-feature-item:hover{background:#f43f5e26;border-color:#f43f5e4d}.landing-demo-section.dark .demo-feature-item.active{background:#f43f5e33;border-color:var(--warm-pink);box-shadow:0 4px 15px #f43f5e4d}.demo-feature-icon{font-size:1.5rem;flex-shrink:0}.demo-feature-text{font-weight:500;color:var(--gray-700)}.landing-demo-section.dark .demo-feature-text{color:var(--gray-200)}.demo-interactive-content,.demo-container{animation:fadeInUp .8s ease-out .6s both}.demo-mood-form{background:#fffffff2;border-radius:2rem;padding:2.5rem;margin:0 auto;max-width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,63,94,.1);transition:all .3s ease;min-height:650px;display:flex;flex-direction:column;justify-content:flex-start}.landing-demo-section.dark .demo-mood-form{background:#374151f2;border:1px solid rgba(244,63,94,.2)}.demo-mood-display{text-align:center;margin-bottom:2rem}.demo-emoji-container{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.demo-mood-emoji{font-size:3rem;animation:pulse 2s ease-in-out infinite}.demo-mood-description{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin:0}.landing-demo-section.dark .demo-mood-description{color:var(--gray-100)}.demo-slider-container{margin-bottom:2rem}.demo-slider-label{display:block;font-weight:600;margin-bottom:1rem;color:var(--gray-800);font-size:1.1rem}.landing-demo-section.dark .demo-slider-label{color:var(--gray-100)}.demo-mood-slider{width:100%;height:8px;border-radius:5px;outline:none;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.demo-mood-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;border:3px solid var(--primary-rose);cursor:pointer;box-shadow:0 4px 15px #f43f5e4d;transition:all .3s ease}.demo-mood-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #f43f5e66}.demo-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:1.2rem}.demo-message-container{margin-bottom:2rem}.demo-message-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--gray-800);text-align:left}.landing-demo-section.dark .demo-message-label{color:var(--gray-100)}.demo-mood-textarea{width:100%;padding:1rem;border:2px solid var(--gray-200);border-radius:1rem;font-family:inherit;font-size:1rem;resize:vertical;transition:all .3s ease;background:#ffffffe6}.landing-demo-section.dark .demo-mood-textarea{background:#1f2937e6;border-color:var(--gray-600);color:var(--gray-100)}.demo-mood-textarea:focus{outline:none;border-color:var(--primary-rose);box-shadow:0 0 0 3px #f43f5e1a}.demo-submit-btn{width:100%;background:var(--gradient-rose);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft)}.demo-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.demo-result{text-align:center;animation:fadeInUp .5s ease-out;flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.demo-success-message{background:var(--gradient-pink);color:var(--gray-800);padding:1rem;border-radius:1rem;margin-bottom:1.5rem;font-weight:600;font-size:1.1rem}.landing-demo-section.dark .demo-success-message{background:#22c55e33;color:var(--gray-100);border:1px solid rgba(34,197,94,.3)}.demo-ai-response{background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:left}.landing-demo-section.dark .demo-ai-response{background:#a855f726;border-color:#a855f74d}.demo-ai-header{font-weight:700;color:var(--accent-purple);margin-bottom:.5rem;font-size:1.1rem}.demo-ai-content{color:var(--gray-700);line-height:1.6;font-size:1rem}.landing-demo-section.dark .demo-ai-content{color:var(--gray-200)}.demo-try-again-btn{background:transparent;border:2px solid var(--primary-rose);color:var(--primary-rose);padding:.75rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem;margin-bottom:1rem;display:inline-block}.demo-try-again-btn:hover{background:var(--primary-rose);color:#fff;transform:translateY(-2px)}.demo-register-btn{background:var(--gradient-rose);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;box-shadow:var(--shadow-soft)}.demo-register-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.demo-chart-container{background:transparent;border-radius:1rem;animation:fadeInUp .6s ease-out;flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.demo-chart-container h3{margin-bottom:1.5rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}@media (max-width: 1024px){.landing-demo-content{grid-template-columns:1fr;gap:3rem;text-align:center}.demo-text-content{text-align:center}.demo-features-list{max-width:400px;margin:0 auto}}@media (max-width: 768px){.landing-demo-section{padding:4rem 1rem}.landing-demo-content{gap:2rem}.demo-mood-form{padding:2rem;min-height:550px}.demo-emoji-container{width:80px;height:80px}.demo-mood-emoji{font-size:2.5rem}.demo-try-again-btn,.demo-register-btn{display:block;width:100%;margin-right:0;margin-bottom:.5rem;text-align:center}.demo-chart-container{padding:1rem!important;min-height:auto!important}.demo-chart-container h3{font-size:1.25rem!important}}.landing-events-section{padding:6rem 2rem;background:var(--gradient-pink);position:relative;border-radius:20px;margin:2rem 0}.landing-events-section.dark{background:linear-gradient(135deg,#1a1a2ee6,#374151b3)}.landing-events-content{max-width:75rem;margin:0 auto;position:relative;z-index:2}.landing-events-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;text-align:center;margin-bottom:1rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .8s ease-out}.landing-events-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-events-subtitle{font-size:1.25rem;color:var(--gray-600);text-align:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out .3s both;line-height:1.6}.landing-events-subtitle.dark{color:var(--gray-300)}.landing-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.landing-event-card{background:#fffffff2;border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow-soft);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,63,94,.1);animation:fadeInUp .8s ease-out both}.landing-events-section.dark .landing-event-card{background:#374151f2;border:1px solid rgba(244,63,94,.2)}.landing-event-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}.event-image-container{position:relative;height:200px;overflow:hidden}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.landing-event-card:hover .event-image{transform:scale(1.05)}.event-date-badge{position:absolute;top:1rem;right:1rem;background:var(--gradient-rose);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-soft)}.event-content{padding:1.5rem}.event-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--gray-800);line-height:1.3}.landing-events-section.dark .event-title{color:var(--gray-100)}.event-description{color:var(--gray-600);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.landing-events-section.dark .event-description{color:var(--gray-300)}.event-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-location,.event-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.location-icon,.time-icon{color:var(--primary-rose);flex-shrink:0}.location-text,.time-text{color:var(--gray-600);font-weight:500}.landing-events-section.dark .location-text,.landing-events-section.dark .time-text{color:var(--gray-300)}.event-author{display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--gray-200);font-size:.875rem}.landing-events-section.dark .event-author{border-top-color:var(--gray-600)}.author-icon{color:var(--primary-rose);flex-shrink:0}.author-name{color:var(--primary-rose);font-weight:600}.landing-events-section.dark .author-name,.landing-events-section.dark .location-icon,.landing-events-section.dark .time-icon,.landing-events-section.dark .author-icon{color:var(--warm-pink)}.events-cta{text-align:center;animation:fadeInUp .8s ease-out .9s both}.events-view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:var(--gradient-rose);color:#fff;font-size:1.125rem;font-weight:600;border-radius:50px;text-decoration:none;box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden}.events-view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.events-view-all-btn:hover:before{left:100%}.events-view-all-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.landing-event-card:nth-child(1){animation-delay:.6s}.landing-event-card:nth-child(2){animation-delay:.8s}.landing-event-card:nth-child(3){animation-delay:1s}@media (max-width: 768px){.landing-events-section{padding:4rem 1rem}.landing-events-grid{grid-template-columns:1fr;gap:1.5rem}.event-image-container{height:180px}.event-content{padding:1.25rem}.event-details{gap:.75rem}}.landing-faq-section{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;border-radius:20px;margin:2rem 0}.landing-faq-section.dark{background:linear-gradient(135deg,#0f172ae6,#1e293bcc)}.landing-faq-content{max-width:75rem;margin:0 auto;position:relative;z-index:2}.faq-header{margin-bottom:4rem;animation:fadeInDown .8s ease-out}.faq-text-content{max-width:50rem}.landing-faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem;background:var(--gradient-rose);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left}.landing-faq-title.dark{background:linear-gradient(135deg,var(--warm-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-faq-subtitle{font-size:1.125rem;color:var(--gray-600);line-height:1.6;text-align:left}.landing-faq-subtitle.dark{color:var(--gray-300)}.faq-list{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .8s ease-out .3s both}.faq-item{background:#fffffff2;border-radius:1rem;border:1px solid rgba(244,63,94,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;overflow:hidden}.landing-faq-section.dark .faq-item{background:#374151f2;border:1px solid rgba(244,63,94,.2)}.faq-item:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.faq-item.open{box-shadow:var(--shadow-medium);border-color:var(--primary-rose)}.landing-faq-section.dark .faq-item.open{border-color:var(--warm-pink)}.faq-question{display:flex;align-items:center;padding:1.5rem 2rem;gap:1rem;font-size:1.125rem;font-weight:600;color:var(--gray-800);transition:all .3s ease;-webkit-user-select:none;user-select:none}.landing-faq-section.dark .faq-question{color:var(--gray-100)}.faq-question:hover{color:var(--primary-rose)}.landing-faq-section.dark .faq-question:hover{color:var(--warm-pink)}.faq-icon{color:var(--primary-rose);flex-shrink:0}.faq-question-text{flex:1}.faq-arrow{font-size:.875rem;color:var(--gray-500);transition:transform .3s ease;flex-shrink:0}.faq-arrow.open{transform:rotate(180deg)}.landing-faq-section.dark .faq-arrow{color:var(--gray-400)}.landing-faq-section.dark .faq-icon{color:var(--warm-pink)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;padding:0 2rem}.faq-answer.open{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:var(--gray-600);line-height:1.7;font-size:1rem;margin:0;padding-top:.5rem}.landing-faq-section.dark .faq-answer p{color:var(--gray-300)}.faq-item:nth-child(1){animation-delay:.4s}.faq-item:nth-child(2){animation-delay:.5s}.faq-item:nth-child(3){animation-delay:.6s}.faq-item:nth-child(4){animation-delay:.7s}.faq-item:nth-child(5){animation-delay:.8s}.faq-item:nth-child(6){animation-delay:.9s}@media (max-width: 768px){.landing-faq-section{padding:4rem 1rem}.faq-header{margin-bottom:3rem}.landing-faq-title,.landing-faq-subtitle{text-align:center}.faq-question{padding:1.25rem 1.5rem;font-size:1rem}.faq-answer.open{padding:0 1.5rem 1.25rem}.faq-answer p{font-size:.95rem}}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--gradient-rose);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-soft)}.user-menu-trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.user-name{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.user-menu-arrow{transition:transform .3s ease}.user-menu-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fffffff2;border:1px solid rgba(244,63,94,.1);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-medium);min-width:180px;z-index:1000;animation:fadeInDown .3s ease}.user-dropdown.dark{background:#374151f2;border:1px solid rgba(244,63,94,.2)}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:var(--gray-700);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:0}.user-dropdown-item:first-child{border-radius:1rem 1rem 0 0}.user-dropdown-item:last-child{border-radius:0 0 1rem 1rem}.user-dropdown-item:hover{background:#f43f5e1a;color:var(--primary-rose)}.user-dropdown-item.dark{color:var(--gray-200)}.user-dropdown-item.dark:hover{background:#f43f5e33;color:var(--warm-pink)}.user-dropdown-item.logout:hover{background:#ff47571a;color:#ff4757}.user-dropdown-item.logout.dark:hover{background:#ff475733;color:#ff6b7a}.user-menu-mobile{border-top:1px solid rgba(244,63,94,.2);padding-top:1rem;margin-top:1rem}.user-info-mobile{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;margin-bottom:.5rem}.user-name-mobile{font-size:1rem;font-weight:600;color:var(--gray-800)}.user-info-mobile.dark .user-name-mobile{color:var(--gray-100)}.admin-badge{padding:.25rem .75rem;background:var(--gradient-rose);color:#fff;font-size:.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.navbar-menu-item-mobile.logout{color:#ff4757}.navbar-menu-item-mobile.logout:hover{background:#ff47571a}.navbar-menu-item-mobile.logout.dark{color:#ff6b7a}.navbar-menu-item-mobile.logout.dark:hover{background:#ff475733}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(244,63,94,.2);border-radius:50%;color:var(--gray-700);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:1rem}.theme-toggle:hover{background:#f43f5e1a;color:var(--primary-rose);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.theme-toggle.dark{background:#3741514d;border:1px solid rgba(244,63,94,.3);color:var(--gray-200)}.theme-toggle.dark:hover{background:#f43f5e33;color:var(--warm-pink)}.theme-toggle-mobile{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:var(--gray-700);font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .3s ease;border-top:1px solid rgba(244,63,94,.1);margin-top:.5rem}.theme-toggle-mobile:hover{background:#f43f5e1a;color:var(--primary-rose)}.theme-toggle-mobile.dark{color:var(--gray-200);border-top-color:#f43f5e33}.theme-toggle-mobile.dark:hover{background:#f43f5e33;color:var(--warm-pink)}@media (max-width: 768px){.landing-navbar{border-radius:.75rem;padding:1rem 1.5rem;margin:.75rem 1rem;top:.75rem}.user-menu-trigger{padding:.625rem 1rem;font-size:.8rem}.user-name{max-width:80px}.user-dropdown{min-width:160px}.theme-toggle{width:40px;height:40px;margin-right:.75rem}}.article-card{width:280px;height:360px;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.card-image-container{position:relative;height:180px;overflow:hidden;border-radius:16px 16px 0 0}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .card-image{transform:scale(1.1)}.card-image-placeholder{width:100%;height:100%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff}.card-category{position:absolute;top:12px;left:12px;padding:4px 12px;background:var(--gradient);color:#fff;font-size:12px;font-weight:700;border-radius:20px;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.article-card:hover .card-actions{opacity:1}.action-btn{width:32px;height:32px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.action-btn:hover{transform:scale(1.1);background:#fff}.action-btn.liked{background:#ef4444;color:#fff}.card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:8px}.card-title{font-size:16px;font-weight:700;color:#1f2937;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4;flex-grow:1}.card-meta{display:flex;gap:12px;margin:8px 0}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.author-info{display:flex;align-items:center;gap:8px}.author-avatar{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000001a}.author-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.8)}.author-name{font-size:12px;font-weight:600;color:#374151;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.like-count{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;font-weight:600}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.article-card:after{content:"";position:absolute;top:0;left:0;width:1px;bottom:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6),transparent)}@media (max-width: 768px){.article-card{width:100%;max-width:300px;margin:0 auto}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}