@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin-toggle-btn{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:50%;box-shadow:0 4px 15px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:9999}.admin-toggle-btn:hover{box-shadow:0 6px 20px #dc354566;transform:scale(1.1)}.admin-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.admin-panel{animation:slideIn .3s ease;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-header{padding:20px}.admin-user-info{gap:15px}.admin-avatar,.admin-user-info{align-items:center;display:flex}.admin-avatar{background:linear-gradient(135deg,#6f9283,#4a7265);border-radius:50%;color:#fff;font-size:20px;height:50px;justify-content:center;width:50px}.admin-details h3{color:#fff;font-size:18px;font-weight:600;margin:0}.admin-details p{color:#ccc;font-size:14px;margin:0}.admin-close-btn{background:none;border:none;border-radius:5px;color:#ccc;cursor:pointer;font-size:20px;padding:5px;transition:all .3s ease}.admin-close-btn:hover{background:#ffffff1a;color:#fff}.admin-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:20px}.admin-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ccc;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:15px 10px;text-decoration:none;transition:all .3s ease}.admin-tab:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.admin-tab.active{background:linear-gradient(135deg,#6f9283,#4a7265);border-color:#6f9283;color:#fff}.admin-tab i{font-size:18px}.admin-tab span{font-size:12px;font-weight:500}.admin-actions{border-top:1px solid #ffffff1a;gap:10px;padding:20px}.admin-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.admin-action-btn.primary{background:linear-gradient(135deg,#6f9283,#4a7265);color:#fff}.admin-action-btn.primary:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.admin-action-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.admin-action-btn.danger:hover{box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.admin-quick-stats{grid-gap:15px;border-top:1px solid #ffffff1a;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:20px}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px;text-align:center}.stat-item i{color:#6f9283;display:block;font-size:20px;margin-bottom:8px}.stat-item span{color:#ccc;display:block;font-size:12px;margin-bottom:5px}.stat-item strong{color:#fff;font-size:14px;font-weight:600}@media (max-width:768px){.admin-toggle-btn{font-size:16px;height:45px;right:15px;top:15px;width:45px}.admin-panel{max-height:90vh;max-width:95vw}.admin-tabs{grid-template-columns:repeat(2,1fr)}.admin-actions{flex-direction:column}.admin-quick-stats{grid-template-columns:1fr}}.admin-analytics-panel,.admin-content-panel,.admin-settings-panel,.admin-users-panel{animation:slideIn .3s ease;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 40px #00000080;left:50%;max-height:80vh;max-width:800px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10001}.admin-panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.admin-panel-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.close-btn{border-radius:5px;color:#ccc;font-size:20px;padding:5px;transition:all .3s ease}.close-btn:hover{color:#fff}.admin-panel-tabs{display:flex;gap:10px;padding:20px 20px 0}.tab-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ccc;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#6f9283,#4a7265);border-color:#6f9283;color:#fff}.admin-panel-content{padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h4{color:#fff;font-size:18px;margin:0}.create-btn{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.create-btn:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.pages-list,.posts-list{display:flex;flex-direction:column;gap:15px}.page-item,.post-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.post-info h5{color:#fff;font-size:16px;margin:0 0 5px}.post-info p{color:#ccc;font-size:14px;margin:0}.post-actions{display:flex;gap:10px}.delete-btn,.edit-btn{background:none;border-radius:4px;color:#ccc;padding:8px;transition:all .3s ease}.edit-btn:hover{background:#6f92831a;color:#6f9283}.delete-btn:hover{background:#dc35451a;color:#dc3545}.users-controls{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.search-box{flex:1 1;max-width:300px;position:relative}.search-box i{color:#ccc;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:10px 10px 10px 35px;width:100%}.search-box input::placeholder{color:#666}.export-btn{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.export-btn:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.users-stats{grid-gap:15px;border-bottom:1px solid #ffffff1a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:20px}.stat-card{background:#ffffff0d;border-radius:8px;padding:15px}.stat-number{color:#fff;font-size:24px;font-weight:600;margin-bottom:5px}.stat-label{font-size:12px}.users-table{padding:20px}.table-header{color:#fff;font-weight:600}.table-header,.table-row{grid-gap:15px;background:#ffffff0d;border-radius:8px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:10px;padding:15px}.table-row{align-items:center}.user-email{color:#fff;font-weight:500}.user-date,.user-source{color:#ccc;font-size:14px}.user-actions{gap:8px}.action-btn{background:none;border-radius:4px;color:#ccc;padding:6px;transition:all .3s ease}.action-btn.view:hover{background:#6f92831a;color:#6f9283}.action-btn.delete:hover{background:#dc35451a;color:#dc3545}.analytics-overview{grid-gap:20px;border-bottom:1px solid #ffffff1a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:20px}.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:15px;padding:20px}.metric-card,.metric-icon{align-items:center;display:flex}.metric-icon{background:linear-gradient(135deg,#6f9283,#4a7265);border-radius:50%;color:#fff;font-size:20px;height:50px;justify-content:center;width:50px}.metric-content{flex:1 1}.metric-number{color:#fff;font-size:24px;font-weight:600;margin-bottom:5px}.metric-label{color:#ccc;font-size:12px;font-weight:500}.analytics-chart{border-bottom:1px solid #ffffff1a;padding:20px}.analytics-chart h4{color:#fff;font-size:18px;margin:0 0 20px}.chart-container{align-items:end;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;height:200px;padding:20px}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.bar{border-radius:4px 4px 0 0;min-height:5px;transition:all .3s ease;width:100%}.bar-label{color:#ccc;font-size:12px;text-align:center}.bar-value{color:#fff;font-weight:600;margin-top:5px}.analytics-actions{display:flex;gap:10px;padding:20px}.settings-sections{display:flex;flex-direction:column;gap:30px;padding:20px}.settings-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:20px}.settings-section h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.setting-item{margin-bottom:20px}.setting-item label{color:#ccc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-item input,.setting-item select,.setting-item textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:14px;padding:10px;width:100%}.setting-item textarea{height:80px;resize:vertical}.checkbox-label{gap:10px}.change-password-btn,.edit-template-btn{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.change-password-btn:hover,.edit-template-btn:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.settings-actions{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:20px}.save-btn{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.save-btn:hover{box-shadow:0 5px 15px #6f92834d}.reset-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.reset-btn:hover{background:#ffffff26;color:#fff}.loading{color:#ccc;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.admin-analytics-panel,.admin-content-panel,.admin-settings-panel,.admin-users-panel{max-height:90vh;width:95vw}.analytics-overview,.users-stats{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:10px;grid-template-columns:1fr}.settings-actions{flex-direction:column}}.footer{background:#1a1a1a;color:var(--white);margin-top:auto;padding:60px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-section h4{-webkit-text-fill-color:var(--white);color:var(--white);font-size:18px;margin-bottom:20px}.footer-section p{margin-bottom:15px;opacity:.8}.footer-tagline{font-style:italic;margin-bottom:20px}.footer-section a{color:var(--white);display:block;margin:10px 0;opacity:.8;text-decoration:none;transition:opacity .3s}.footer-section a:hover{color:var(--primary-color);opacity:1}.social-links{display:flex;gap:15px;margin-top:15px}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;display:inline-flex;height:36px;justify-content:center;margin:0;transition:all .3s ease;width:36px}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}.social-links i{font-size:18px}.app-badges{display:flex;flex-direction:column;gap:10px;margin-top:20px}.app-badge{align-items:center;background:#ffffff1a;border-radius:20px;display:inline-flex;gap:8px;padding:8px 15px;transition:all .3s ease}.app-badge:hover{background:var(--primary-color);transform:translateY(-2px)}.signup-link{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--primary-color);border-radius:40px;box-shadow:0 8px 25px #6f928359;color:var(--white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:14px 28px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.signup-link:hover{border-color:var(--primary-light);box-shadow:0 14px 35px #6f92838c;transform:translateY(-3px)}.signup-link.app-store{background:#000;border-color:#000;box-shadow:0 10px 24px #00000059;color:#fff}.signup-link.app-store:hover{background:#111;border-color:#111;box-shadow:0 16px 36px #00000080;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.footer-credits{font-size:14px;margin-top:10px;opacity:.7}.footer-credits i{color:#ff6b6b;margin:0 5px}.footer-logo{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.footer-logo img{height:60px;transition:all .3s ease;width:auto}.footer-logo .logo-text{color:var(--white);font-size:24px;font-weight:700;margin-left:3px}.footer-logo .logi-text{color:var(--white)}.footer-logo .car-text{color:var(--primary-color)}@media (max-width:768px){.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}.social-links{justify-content:center}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;left:0;overflow:visible;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ef2;box-shadow:0 10px 30px #0003}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo,.navbar-container{align-items:center;display:flex}.logo{flex-direction:row;font-size:28px;font-weight:700;margin-bottom:-10px;margin-top:-10px;position:relative;text-decoration:none}.logo img{height:60px;transition:all .3s ease;width:auto}.logo:hover img{transform:scale(1.05)}.logo .logo-text{font-size:24px;font-weight:700;margin-left:3px}.logo .logi-text,.logo .logo-text{color:var(--white)}.logo .car-text{color:var(--primary-color)}.car,.logi,.logo:after{display:none}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-links a{color:var(--text-color);font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.nav-links a:hover:after{transform:scaleX(1)}.home-link{align-items:center;color:var(--text-color);display:flex;font-weight:500;gap:.5rem;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.home-link:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.home-link:hover:after{transform:scaleX(1)}.home-link:hover{color:var(--white)}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:500;gap:.5rem;padding:8px 0;transition:color .3s ease}.dropdown-toggle:hover{color:var(--white)}.dropdown-toggle i{font-size:.8em;transition:transform .3s ease}.dropdown:hover .dropdown-toggle i{transform:rotate(180deg)}.dropdown-menu{background:var(--dark-card);border-radius:8px;box-shadow:0 10px 30px #0000004d;left:0;min-width:180px;opacity:0;padding:.5rem 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu a{align-items:center;border-radius:0;color:var(--text-color);display:flex;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.dropdown-menu a:hover{background:#6f92831a;color:var(--white)}.dropdown-menu a i{text-align:center;width:16px}.dashboard-link{align-items:center;color:var(--text-color);display:flex;font-weight:500;gap:.5rem;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.dashboard-link:after{background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.dashboard-link:hover:after{transform:scaleX(1)}.dashboard-link:hover{color:var(--white)}.admin-link{align-items:center;color:var(--text-color);display:flex;font-weight:500;gap:.5rem;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.admin-link:after{background:#dc3545;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.admin-link:hover:after{transform:scaleX(1)}.admin-link:hover{color:#dc3545}.app-link{align-items:center;background:var(--primary-color);border-radius:6px;color:var(--white)!important;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.app-link:hover{background:var(--secondary-color);box-shadow:0 4px 15px #6f92834d;transform:translateY(-1px)}.app-link:after{display:none}.signup-nav-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--primary-color);border-radius:40px;box-shadow:0 8px 25px #6f928359;color:var(--white);cursor:pointer;font-weight:700;padding:14px 28px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.signup-nav-button:hover{border-color:var(--primary-light);box-shadow:0 14px 35px #6f92838c;transform:translateY(-3px)}.nav-links .signup-nav-button:after{display:none}.mobile-menu-button{cursor:pointer;display:none;flex-direction:column;gap:6px}.mobile-menu-button span{background:var(--white);height:2px;transition:all .3s ease;width:25px}.nav-links .user-login{margin:0 .5rem}.nav-links .user-login .login-btn{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#0000!important;border:1px solid #fff3!important;border-radius:20px!important;color:var(--text-color)!important;font-size:.85rem!important;font-weight:500!important;padding:.5rem 1rem!important}.nav-links .user-login .login-btn:hover{background:#6f92831a!important;border-color:#6f92834d!important;color:var(--white)!important;transform:translateY(-1px)!important}@media (max-width:768px){.mobile-menu-button{display:flex}.nav-links{align-items:center;background:var(--dark-card);display:none;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.active{display:flex}.nav-links .user-login{justify-content:center;margin:0;width:100%}.nav-links .user-login .login-btn{font-size:.75rem!important;padding:.4rem .8rem!important}.dropdown{width:100%}.dropdown-toggle{justify-content:center;padding:.75rem 0;width:100%}.dropdown-menu{background:#0003;border-radius:6px;box-shadow:none;margin-top:.5rem;min-width:auto;opacity:1;position:static;transform:none;visibility:visible;width:100%}.dropdown-menu a{justify-content:center;padding:.5rem 1rem}}.user-login{gap:1rem;justify-content:flex-end;position:relative}.login-btn,.user-login{align-items:center;display:flex}.login-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:1px solid #fff3;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.login-btn:hover{background:#6f92831a;border-color:#6f92834d;color:var(--white);transform:translateY(-1px)}.user-profile-compact{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;display:flex;gap:.4rem;padding:.25rem .5rem;transition:all var(--transition-fast)}.user-profile-compact:hover{background:#6f928314;border-color:#6f928333;transform:translateY(-1px)}.user-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.8rem;padding:.5rem 1rem}.user-avatar-small{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 4px #6f928333;flex-shrink:0;font-size:.65rem;height:22px;width:22px}.user-avatar,.user-avatar-small{align-items:center;border-radius:50%;color:var(--white);display:flex;justify-content:center}.user-avatar{background:var(--primary-color);font-size:.9rem;height:32px;width:32px}.user-details{display:flex;flex-direction:column;gap:.2rem}.user-name-small{color:var(--white);font-size:.75rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{color:var(--white);font-size:.9rem;font-weight:600}.user-email{color:var(--text-color);font-size:.8rem;opacity:.8}.user-actions{display:flex;gap:.5rem}.logout-btn,.profile-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;padding:.5rem .8rem;text-decoration:none;transition:all var(--transition-fast)}.profile-btn{background:#ffffff1a;border:1px solid #fff3;color:var(--text-color)}.profile-btn:hover{background:#fff3;color:var(--white);text-decoration:none}.logout-btn-small{align-items:center;background:#dc354514;border:1px solid #dc354533;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;height:22px;justify-content:center;padding:.2rem;transition:all var(--transition-fast);width:22px}.logout-btn-small:hover{background:#dc354526;border-color:#dc354566;transform:scale(1.08)}.login-overlay{align-items:center;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0006;background-image:radial-gradient(circle at 20% 30%,#6f92831a 0,#0000 20%),radial-gradient(circle at 80% 70%,#4a72651a 0,#0000 20%);bottom:0;display:flex;height:100vh;justify-content:center;left:0;min-height:100vh;min-width:100vw;padding:2rem;position:fixed;right:0;top:0;width:100vw;z-index:9999}@keyframes modalFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1}}.login-modal{animation:modalSlideIn .3s ease-out;background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);box-shadow:0 20px 40px #00000080;margin:0;max-height:90vh;max-width:400px;overflow:hidden;position:relative;transform:none;width:100%;z-index:10000}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal:before{background:radial-gradient(circle at 20% 30%,#6f92831a 0,#0000 20%),radial-gradient(circle at 80% 70%,#4a72651a 0,#0000 20%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.login-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.login-header h3{color:var(--white);font-size:1.3rem;font-weight:600;margin:0}.close-btn{border-radius:4px;font-size:1.2rem;padding:.3rem}.close-btn:hover{background:#ffffff1a}.login-form{padding:1.5rem}.form-group label{font-size:.9rem}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #6f92834d;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all var(--transition-fast);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6f928366;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.login-footer p{font-size:.9rem;margin-bottom:.5rem}.login-footer a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.login-footer a:hover{color:var(--secondary-color)}.toggle-mode-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;margin:0;padding:0;text-decoration:underline;transition:color var(--transition-fast)}.toggle-mode-btn:hover{color:var(--secondary-color)}@media (max-width:768px){.user-login{gap:.5rem}.login-btn{font-size:.75rem;padding:.4rem .8rem}.user-profile-compact{gap:.25rem;padding:.15rem .35rem}.user-name-small{font-size:.65rem;max-width:70px}.logout-btn-small,.user-avatar-small{font-size:.55rem;height:18px;width:18px}.user-info{padding:.4rem .8rem}.user-details{display:none}.user-actions{gap:.3rem}.logout-btn,.profile-btn{font-size:.7rem;padding:.4rem .6rem}.login-overlay{align-items:flex-start;padding:2rem 1rem 1rem}.login-modal{margin:0;max-height:calc(100vh - 2rem);max-width:100%}}@media (max-width:480px){.user-profile-compact{gap:.15rem;padding:.1rem .25rem}.user-name-small{font-size:.6rem;max-width:50px}.logout-btn-small,.user-avatar-small{font-size:.5rem;height:16px;width:16px}.user-actions{flex-direction:column;gap:.3rem}.logout-btn,.profile-btn{font-size:.7rem;padding:.3rem .5rem}}.about-page{background:#121212;background:var(--dark-bg);min-height:100vh}.about-hero{background:linear-gradient(165deg,#121212,#1e1e1e);background:var(--gradient-bg);color:#fff;color:var(--white);overflow:hidden;padding:140px 0 100px;position:relative;text-align:center}.about-hero:before{animation:pulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#6f928326 0,#0000 30%),radial-gradient(circle at 80% 70%,#4a72651f 0,#0000 25%),radial-gradient(circle at 50% 50%,#8dab9f14 0,#0000 40%);bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0}.about-hero h1{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#fff,#8dab9f 50%,#e0e0e0);background:linear-gradient(135deg,var(--white) 0,var(--primary-light) 50%,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:20px;position:relative;z-index:1}.hero-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#e0e0e0;color:var(--text-color);font-size:1.5rem;opacity:.95;position:relative;z-index:1}.mission-section{background:linear-gradient(135deg,#6f928314,#1e1e1e 50%,#4a72650f);background:linear-gradient(135deg,#6f928314 0,var(--dark-card) 50%,#4a72650f 100%);overflow:hidden;padding:100px 0;position:relative}.mission-section:before{background:radial-gradient(circle at 20% 20%,#6f92831a 0,#0000 50%),radial-gradient(circle at 80% 80%,#4a726514 0,#0000 50%);bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.mission-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.mission-content-full{margin:0 auto;max-width:800px;padding:0 20px;text-align:center}.mission-content-full h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;margin-bottom:30px;position:relative}.mission-content-full h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.mission-content-full p{color:#e0e0e0;color:var(--text-color);font-size:1.2rem;line-height:1.8;margin-bottom:20px}.mission-text h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;margin-bottom:30px;position:relative}.mission-text h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:60px}.mission-text p{color:#e0e0e0;color:var(--text-color);font-size:1.2rem;line-height:1.8;margin-bottom:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stat-card{background:#2d2d2d;background:var(--dark-lighter);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0003;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{border-color:#6f9283;border-color:var(--primary-color);box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.stat-number{align-items:center;background:linear-gradient(135deg,#6f9283,#8dab9f);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);display:flex;font-size:2.5rem;font-weight:700;justify-content:center;margin-bottom:10px;min-height:3rem}.stat-number.loading{animation:pulse-loading 1.5s ease-in-out infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.stat-label{font-size:.95rem}.story-section{background:#121212;background:var(--dark-bg);padding:100px 0}.story-section .container{margin:0 auto;max-width:1200px;padding:0 20px}.story-section h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;left:50%;margin-bottom:60px;position:relative;text-align:center;transform:translateX(-50%)}.story-section h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.story-timeline{margin:0 auto;max-width:800px;position:relative}.story-timeline:before{background:linear-gradient(180deg,#6f9283,#4a7265);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);bottom:0;content:"";left:30px;position:absolute;top:0;width:3px}.timeline-item{animation:fadeInLeft .8s ease-out forwards;display:flex;gap:30px;margin-bottom:60px;opacity:0;position:relative}.timeline-item:first-child{animation-delay:.2s}.timeline-item:nth-child(2){animation-delay:.4s}.timeline-item:nth-child(3){animation-delay:.6s}.timeline-icon{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;box-shadow:0 4px 10px #6f92834d;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px;z-index:1}.timeline-content{flex:1 1;padding-top:5px}.timeline-content h3{color:#fff;color:var(--white);font-size:1.5rem;margin-bottom:15px}.timeline-content p{color:#e0e0e0;color:var(--text-color);font-size:1.1rem;line-height:1.7}.values-section{background:linear-gradient(135deg,#6f92830f,#1e1e1e 50%,#8dab9f14);background:linear-gradient(135deg,#6f92830f 0,var(--dark-card) 50%,#8dab9f14 100%);overflow:hidden;padding:100px 0;position:relative}.values-section:before{background:radial-gradient(ellipse at 30% 30%,#6f92831f 0,#0000 60%),radial-gradient(ellipse at 70% 70%,#4a72651a 0,#0000 60%);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.values-section .container{margin:0 auto;max-width:1200px;padding:0 20px}.values-section h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;left:50%;margin-bottom:60px;position:relative;text-align:center;transform:translateX(-50%)}.values-section h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.value-card{animation:fadeInUp .8s ease-out forwards;background:#2d2d2d;background:var(--dark-lighter);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0003;opacity:0;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.value-card:first-child{animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-card:nth-child(5){animation-delay:.5s}.value-card:nth-child(6){animation-delay:.6s}.value-card:hover{border-color:#6f9283;border-color:var(--primary-color);box-shadow:0 12px 24px #0000004d;transform:translateY(-8px)}.value-icon{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 25px;width:70px}.value-card h3,.value-icon{color:#fff;color:var(--white)}.value-card h3{font-size:1.4rem;margin-bottom:15px}.value-card p{color:#e0e0e0;color:var(--text-color);font-size:1rem;line-height:1.6}.team-section{background:#121212;background:var(--dark-bg);padding:100px 0}.team-section .container{margin:0 auto;max-width:1200px;padding:0 20px}.team-section h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;left:50%;margin-bottom:20px;position:relative;text-align:center;transform:translateX(-50%)}.team-section h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.team-intro{color:#e0e0e0;color:var(--text-color);font-size:1.2rem;margin-bottom:60px;text-align:center}.team-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px}.team-member{background:#1e1e1e;background:var(--dark-card);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0003;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.team-member:hover{border-color:#6f9283;border-color:var(--primary-color);box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;color:var(--white);display:flex;font-size:4rem;height:120px;justify-content:center;margin:0 auto 25px;width:120px}.team-member h3{color:#fff;color:var(--white);font-size:1.5rem;margin-bottom:10px}.member-role{color:#6f9283;color:var(--primary-color);font-weight:600}.member-bio,.member-role{font-size:1rem;margin-bottom:20px}.member-bio{color:#e0e0e0;color:var(--text-color);line-height:1.6}.team-member.join-team{background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#0000}.team-member.join-team .member-bio,.team-member.join-team .member-role,.team-member.join-team h3{color:#fff;color:var(--white)}.team-member.join-team .member-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.contact-button{background:#fff;background:var(--white);border-radius:25px;color:#6f9283;color:var(--primary-color);display:inline-block;font-weight:600;margin-top:10px;padding:12px 30px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.contact-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.tech-section{background:linear-gradient(135deg,#6f928314,#1e1e1e 50%,#4a72650f);background:linear-gradient(135deg,#6f928314 0,var(--dark-card) 50%,#4a72650f 100%);overflow:hidden;padding:100px 0;position:relative}.tech-section:before{background:radial-gradient(circle at 50% 50%,#6f928326 0,#0000 60%),radial-gradient(circle at 20% 80%,#4a72651a 0,#0000 50%);bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.tech-section .container{margin:0 auto;max-width:1200px;padding:0 20px}.tech-section h2{color:#fff;color:var(--white);display:inline-block;font-size:2.5rem;left:50%;margin-bottom:20px;position:relative;text-align:center;transform:translateX(-50%)}.tech-section h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.tech-intro{color:#e0e0e0;color:var(--text-color);font-size:1.2rem;margin-bottom:60px;text-align:center}.tech-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{background:#2d2d2d;background:var(--dark-lighter);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0003;padding:40px 30px;text-align:center;transition:transform .3s ease,border-color .3s ease}.tech-item:hover{border-color:#6f9283;border-color:var(--primary-color);transform:translateY(-5px)}.tech-item i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6f9283,#8dab9f);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:20px}.tech-item h4{color:#fff;color:var(--white);font-size:1.3rem;margin-bottom:10px}.tech-item p{color:#e0e0e0;color:var(--text-color);font-size:1rem;line-height:1.6}.about-cta{background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;color:var(--white);overflow:hidden;padding:100px 0;position:relative;text-align:center}.about-cta:before{background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 30%),radial-gradient(circle at 70% 50%,#0000001a 0,#0000 30%);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.about-cta .container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.about-cta h2{font-size:2.8rem;margin-bottom:20px}.about-cta h2,.about-cta p{color:#fff;color:var(--white)}.about-cta p{font-size:1.3rem;margin-bottom:40px;opacity:.95}.cta-buttons{flex-wrap:wrap}.cta-button{border-radius:30px;display:inline-block;font-size:1.1rem;padding:15px 40px;transition:transform .3s ease,box-shadow .3s ease}.cta-button.primary{background:#fff;background:var(--white);color:#6f9283;color:var(--primary-color)}.cta-button.secondary{border:2px solid #fff;border:2px solid var(--white);color:#fff;color:var(--white)}.cta-button:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-3px)}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:968px){.about-hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.mission-content{gap:40px;grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.story-timeline:before{left:20px}.timeline-icon{font-size:1.3rem;height:50px;width:50px}.team-grid,.tech-grid,.values-grid{grid-template-columns:1fr}}@media (max-width:640px){.about-hero{padding:100px 0 60px}.about-hero h1{font-size:2rem}.about-cta,.mission-section,.story-section,.team-section,.tech-section,.values-section{padding:60px 0}.mission-text h2,.story-section h2,.team-section h2,.tech-section h2,.values-section h2{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.timeline-item{gap:20px}.cta-buttons{flex-direction:column;gap:15px}.cta-button{width:100%}}.admin-page{background:var(--dark-bg);min-height:100vh;padding:60px 0}.admin-container{margin:0 auto;max-width:1200px;padding:0 20px}.admin-page h1{font-size:32px;margin-bottom:10px}.admin-page p{font-size:18px;margin-bottom:30px;opacity:.8}.signup-stats{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:var(--dark-card);border:1px solid var(--glass-border);border-radius:10px;flex:1 1;padding:20px;text-align:center}.stat-card h3{font-size:18px;margin-bottom:10px;opacity:.8}.stat-card p{color:var(--primary-color);font-size:36px;font-weight:700;margin:0}.signup-table-container{background:var(--dark-card);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:30px;overflow-x:auto;padding:20px}.signup-table{border-collapse:collapse;width:100%}.signup-table td,.signup-table th{border-bottom:1px solid #ffffff1a;padding:15px;text-align:left}.signup-table th{font-weight:600;opacity:.8}.signup-table tr:last-child td{border-bottom:none}.no-data{opacity:.6}.error,.loading,.no-data{padding:30px;text-align:center}.error,.loading{font-size:18px}.error{color:#f44336}.export-section{display:flex;justify-content:flex-end}.export-button{background:var(--primary-color);border:none;border-radius:30px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.export-button:hover{background:var(--secondary-color);transform:translateY(-2px)}.admin-login-container{background:var(--dark-card);border:1px solid var(--glass-border);border-radius:10px;max-width:400px;padding:40px;width:100%}.admin-login h2{font-size:24px;margin-bottom:20px;text-align:center}.admin-login form{display:flex;flex-direction:column;gap:20px}.admin-login input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:8px}.admin-login button,.admin-login input{color:var(--white);font-size:16px;padding:15px}.admin-login button{background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.admin-login button:hover{background:var(--secondary-color)}.error-message{color:#f44336;margin-top:15px;text-align:center}.admin-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-title h1{color:var(--white);font-size:2.5rem;margin-bottom:.5rem}.admin-title p{color:var(--text-color);opacity:.8}.admin-actions{display:flex;gap:1rem}.logout-btn{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.logout-btn:hover{background:#dc354533;border-color:#dc354580}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-button{align-items:center;background:var(--dark-card);border:1px solid #ffffff1a;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all var(--transition-fast)}.tab-button:hover{background:var(--dark-lighter);color:var(--white)}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.articles-section{margin-top:2rem}.articles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.articles-header h2{color:var(--white);font-size:1.8rem}.articles-actions{gap:1rem}.articles-actions,.migrate-btn{align-items:center;display:flex}.migrate-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 15px #4caf504d;color:var(--white);cursor:pointer;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.migrate-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.migrate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.migration-notice{align-items:center;background:#2196f31a;border:1px solid #2196f34d;border-radius:8px;color:#2196f3;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.migration-notice i{flex-shrink:0;font-size:1.1rem}.add-article-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.add-article-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.refresh-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 4px 15px #2196f34d;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.refresh-btn:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.articles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.article-card{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);overflow:hidden;padding:0;transition:transform var(--transition-fast)}.article-card:hover{transform:translateY(-2px)}.article-image{background:#0000004d;height:200px;overflow:hidden;width:100%}.article-image img{height:100%;object-fit:cover;transition:transform var(--transition-fast);width:100%}.article-card:hover .article-image img{transform:scale(1.05)}.article-header{padding:1.5rem 1.5rem 1rem}.article-header h3{color:var(--white);font-size:1.2rem;margin-bottom:.5rem}.article-meta{color:var(--text-color);display:flex;font-size:.9rem;gap:1rem;margin-bottom:0;opacity:.8}.featured-badge{background:var(--primary-color);border-radius:12px;color:var(--white);font-size:.8rem;font-weight:600;padding:.2rem .6rem}.article-content{padding:0 1.5rem}.article-content p{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.article-actions{display:flex;gap:.5rem;padding:0 1.5rem 1.5rem}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.edit-btn{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.edit-btn:hover{background:#28a74533}.delete-btn{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.delete-btn:hover{background:#dc354533}.no-articles{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);padding:4rem 2rem;text-align:center}.no-articles i{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.no-articles h3{color:var(--white);margin-bottom:.5rem}.no-articles p{color:var(--text-color);margin-bottom:2rem;opacity:.8}.create-first-btn{background:var(--primary-color);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all var(--transition-fast)}.create-first-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.article-form-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.article-form{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.form-header h2{color:var(--white);margin:0}.close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;transition:color var(--transition-fast)}.close-btn:hover{color:var(--white)}.form-content{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--white);font-size:1rem;padding:.8rem;transition:all var(--transition-fast);width:100%}.form-group select option{background:var(--dark-bg);color:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--primary-color);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:center;color:var(--white);cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.image-group{margin-bottom:1.5rem}.image-preview{background:#0000004d;border-radius:8px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.image-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.image-controls input{flex:1 1}.generate-image-btn{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;transition:all var(--transition-fast);white-space:nowrap}.generate-image-btn:hover:not(:disabled){box-shadow:0 4px 15px #2196f366;transform:translateY(-2px)}.generate-image-btn:disabled{cursor:not-allowed;opacity:.6}.form-help{color:#fff9;font-size:.85rem}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all var(--transition-fast)}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:var(--text-color)}.cancel-btn:hover{background:#fff3;color:var(--white)}.save-btn{background:var(--primary-color);color:var(--white)}.save-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}@media (max-width:768px){.signup-stats{flex-direction:column}.signup-table td,.signup-table th{padding:10px}.admin-header{align-items:flex-start;gap:1rem}.admin-header,.admin-tabs,.articles-header{flex-direction:column}.articles-header{align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.article-form-overlay{padding:1rem}}.admin-login{align-items:center;background:var(--dark-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:400px}.login-card{padding:2.5rem}.login-header h1{font-size:2rem}.login-form{position:relative;z-index:1}.error-message{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;display:flex;font-size:.9rem;gap:.5rem;padding:.8rem 1rem}.error-message,.form-group{margin-bottom:1.5rem}.form-group label{color:var(--white);display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--white);font-size:1rem;padding:.8rem 1rem;transition:all var(--transition-fast);width:100%}.form-group input:focus{background:#ffffff14;border-color:var(--primary-color);box-shadow:0 0 0 3px #6f92831a;outline:none}.form-group input::placeholder{color:#ffffff80}.form-group input:disabled{cursor:not-allowed;opacity:.6}.login-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #6f92834d;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all var(--transition-fast);width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #6f928366;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{margin-top:2rem;position:relative;text-align:center;z-index:1}.login-footer p{color:var(--text-color);font-size:.8rem;margin-bottom:1rem;opacity:.6}.back-to-site{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color var(--transition-fast)}.back-to-site:hover{color:var(--secondary-color)}@media (max-width:480px){.admin-login{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}}.admin-quick-actions{animation:slideInLeft .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:12px;bottom:20px;box-shadow:0 10px 30px #0000004d;left:20px;padding:20px;position:fixed;width:300px;z-index:1000}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.admin-quick-actions.dismissing{animation:slideOutLeft .3s ease forwards}.admin-quick-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.admin-quick-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.admin-header-right{align-items:center;display:flex;gap:10px}.dismiss-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.dismiss-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.admin-badge{background:linear-gradient(135deg,#dc3545,#c82333);border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.admin-quick-stats{display:flex;gap:15px;margin-bottom:15px}.quick-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;gap:10px;padding:10px}.quick-stat,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#6f9283,#4a7265);border-radius:50%;color:#fff;font-size:14px;height:35px;justify-content:center;width:35px}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{color:#ccc;font-size:11px;font-weight:500}.stat-value{color:#fff;font-size:14px;font-weight:600}.admin-quick-buttons{display:flex;gap:10px}.quick-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px 15px;text-decoration:none;transition:all .3s ease}.quick-btn.primary{background:linear-gradient(135deg,#6f9283,#4a7265);color:#fff}.quick-btn.primary:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.quick-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#ccc}.quick-btn.secondary:hover{background:#ffffff26;color:#fff}.quick-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.admin-quick-actions{bottom:10px;left:10px;padding:15px;right:10px;width:auto}.admin-quick-stats{gap:10px}.admin-quick-buttons,.admin-quick-stats{flex-direction:column}}.blog-page{background:var(--dark-bg);min-height:100vh;padding:120px 0 80px;width:100%}.blog-page .container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-header p{font-size:1.2rem}.blog-header p,.post-meta{color:var(--text-color);opacity:.8}.post-meta{font-size:.9rem;gap:1rem;margin-bottom:1rem}.post-meta .category{background:var(--primary-color);border-radius:15px;color:var(--white);font-weight:600;padding:.3rem .8rem}.read-more{display:inline-block;margin:0;padding:0;transition:color var(--transition-fast)}.blog-posts{width:100%}.posts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:2rem;width:100%}.blog-post-card{background:linear-gradient(145deg,#1a1a1a,#252525);border:1px solid #6f928326;border-radius:12px;box-shadow:0 2px 4px #0000001a,0 0 0 1px #ffffff08;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.blog-post-card:before{background:linear-gradient(90deg,#0000,#6f928399,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.blog-post-card:hover{border-color:#6f928359;box-shadow:0 8px 16px #0003,0 0 0 1px #6f92834d;transform:translateY(-4px)}.blog-post-card:hover:before{opacity:1}.post-image{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);flex-shrink:0;height:50%;overflow:hidden;position:relative;width:100%}.post-image:after{background:linear-gradient(180deg,#0000 50%,#0000004d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.blog-post-card:hover .post-image:after{opacity:1}.post-image img{display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.blog-post-card:hover .post-image img{transform:scale(1.05)}.post-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.85rem;position:relative}.post-content h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--white);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3;margin:0;min-height:2.6rem;overflow:hidden}.post-content h3 a{background:linear-gradient(to right,var(--primary-color),var(--primary-color)) 0 100% /0 2px no-repeat;color:var(--white);text-decoration:none;transition:color .2s ease;transition:background-size .3s ease,color .2s ease}.post-content h3 a:hover{background-size:100% 2px;color:var(--primary-color)}.post-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.4;margin:0;opacity:.85;overflow:hidden}.read-more{align-items:center;align-self:flex-start;color:var(--primary-color);display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-top:auto;padding:.25rem 0;text-decoration:none;transition:all .2s ease}.read-more:hover{color:var(--secondary-color);transform:translateX(3px)}.read-more i{font-size:.75rem;transition:transform .2s ease}.read-more:hover i{transform:translateX(3px)}.post-meta{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.category{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:6px;box-shadow:0 2px 4px #6f92834d;color:var(--white);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .55rem;text-transform:uppercase}.read-time{color:var(--text-color);font-size:.7rem;font-weight:500;gap:.25rem;opacity:.75}.post-footer,.read-time{align-items:center;display:flex}.post-footer{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:auto;padding-top:.5rem}.post-date{color:var(--text-color);font-size:.75rem;font-weight:500;opacity:.7}.image-placeholder{align-items:center;background:linear-gradient(145deg,#1e1e1e,#2d2d2d)!important;border:2px dashed #6f92834d!important;border-radius:8px;color:#6f9283!important;display:flex!important;font-weight:600;justify-content:center;text-align:center;transition:all var(--transition-fast)}.image-placeholder:hover{border-color:#6f928380!important;transform:scale(1.02)}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading h1{color:var(--white);font-size:1.5rem;margin:0}.loading:after{animation:spin 1s linear infinite;border:3px solid #6f92834d;border-radius:50%;border-top:3px solid var(--primary-color);content:"";height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{padding:3rem 1rem;text-align:center}.error h1{color:var(--white);font-size:1.5rem;margin-bottom:1rem}.error p{color:var(--text-color);margin-bottom:2rem}.retry-btn{background:var(--primary-color);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}@media (max-width:1024px){.posts-grid{gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem}.posts-grid{gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.blog-post-card{border-radius:10px}.post-content{gap:.4rem;padding:.75rem}.post-content h3{font-size:.95rem;min-height:2.4rem}.post-content p{font-size:.8rem}.category{padding:.15rem .5rem}.category,.post-date,.read-time{font-size:.65rem}}@media (max-width:480px){.blog-page{padding:100px 0 60px}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:1.75rem}.posts-grid{gap:.75rem;grid-template-columns:1fr}.post-content{padding:.7rem}.post-content h3{font-size:.9rem;min-height:2.3rem}.post-content h3,.post-content p{-webkit-line-clamp:2;line-clamp:2}.post-content p,.read-more{font-size:.75rem}}.no-posts{align-items:center;display:flex;justify-content:center;min-height:400px;padding:60px 0}.no-posts-content{max-width:400px;text-align:center}.no-posts-content i{color:var(--primary-color);font-size:4rem;margin-bottom:20px;opacity:.6}.no-posts-content h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:10px}.no-posts-content p{color:var(--text-color);font-size:1rem;line-height:1.6;opacity:.8}.blog-post{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);min-height:100vh;padding:120px 0 80px;position:relative}.blog-post:before{background:radial-gradient(circle at 20% 20%,#6f928308 0,#0000 50%),radial-gradient(circle at 80% 80%,#4a726508 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.post-header{background:linear-gradient(145deg,var(--dark-card) 0,var(--dark-lighter) 100%);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #6f92831a;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.post-header:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.breadcrumb{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;opacity:.8}.breadcrumb a{border-radius:4px;color:var(--primary-color);padding:.3rem .6rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.breadcrumb a:hover{background:#6f92831a;color:var(--white)}.breadcrumb span{color:var(--white);font-weight:500}.blog-post .post-meta{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem;margin-bottom:2rem;opacity:.9}.blog-post .post-meta span{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.blog-post .post-meta span:hover{background:#ffffff14;transform:translateY(-1px)}.blog-post .post-meta .date{color:var(--primary-color);font-weight:500}.blog-post .post-meta .read-time{color:var(--secondary-color);font-weight:500}.blog-post .post-meta .author{color:var(--white);font-weight:500}.blog-post .post-meta .category{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:20px;color:var(--white);font-weight:600;padding:.5rem 1rem}.post-header h1{color:var(--white);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;position:relative;text-shadow:0 2px 4px #0000004d}.post-header h1:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.post-hero-image{border-radius:12px;box-shadow:0 4px 20px #0000004d;height:200px;margin:2rem 0;overflow:hidden;position:relative;width:100%}.post-hero-image:before{background:linear-gradient(135deg,#6f92831a,#4a72651a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.post-hero-image img{display:block;height:100%;object-fit:cover;transition:transform var(--transition-fast);width:100%}.post-hero-image:hover{box-shadow:0 8px 30px #0006}.post-hero-image:hover img{transform:scale(1.05)}.blog-post .post-content{background:linear-gradient(145deg,var(--dark-card) 0,#1e1e1ecc 100%);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 20px 40px #0003,inset 0 1px 0 #ffffff1a;line-height:1.8;margin-bottom:3rem;padding:3rem;position:relative}.blog-post .post-content:before{background:linear-gradient(90deg,#0000,#6f92834d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.content-wrapper{font-size:1.1rem;max-width:none;position:relative;z-index:1}.content-wrapper:before{background:radial-gradient(circle at 10% 20%,#6f928305 0,#0000 30%),radial-gradient(circle at 90% 80%,#4a726505 0,#0000 30%);bottom:-2rem;content:"";left:-2rem;pointer-events:none;position:absolute;right:-2rem;top:-2rem;z-index:-1}.blog-post .post-content h2{color:var(--white);font-size:1.8rem;font-weight:600;line-height:1.4;margin:2rem 0 1rem}.blog-post .post-content h3{color:var(--white);font-size:1.5rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .8rem}.blog-post .post-content p{line-height:1.8;opacity:.9}.content-wrapper p{color:var(--text-color);font-size:1.1rem;margin-bottom:1.5rem;opacity:.9}.blog-post .post-content ul,.content-wrapper ul{list-style-type:disc;margin:1.5rem 0;padding-left:2rem}.blog-post .post-content ol,.content-wrapper ol{counter-reset:none!important;list-style-position:outside;list-style-type:decimal!important;margin:1.5rem 0;padding-left:2rem}.blog-post .post-content ol li,.content-wrapper ol li{counter-increment:none!important;display:list-item!important;list-style-position:outside;list-style-type:decimal!important;margin-bottom:.5rem}.blog-post .post-content li,.content-wrapper li{color:var(--text-color);font-size:1.1rem;line-height:1.8;margin-bottom:.8rem;opacity:.9}.blog-post .post-content strong,.content-wrapper strong{color:var(--white);font-weight:600}.blog-post .post-content em,.content-wrapper em{color:var(--primary-color);font-style:italic;font-weight:500}.blog-post .post-content blockquote,.content-wrapper blockquote{background:#6f92831a;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-color);font-style:italic;margin:2rem 0;opacity:.9;padding:1rem 1.5rem}.blog-post .post-content code,.content-wrapper code{background:#0000004d;border:1px solid #6f928333;border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .4rem}.blog-post .post-content pre,.content-wrapper pre{background:#0000004d;border:1px solid #6f928333;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.blog-post .post-content pre code,.content-wrapper pre code{background:none;border:none;color:var(--text-color);font-size:.9rem;padding:0}.blog-post .post-content img,.content-wrapper img{border-radius:8px;box-shadow:0 4px 15px #0003;height:auto;margin:1.5rem 0;max-width:100%}.blog-post .post-content a,.content-wrapper a{border-bottom:1px solid #0000;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.blog-post .post-content a:hover,.content-wrapper a:hover{border-bottom-color:var(--primary-color);color:var(--white)}.blog-post .post-content hr,.content-wrapper hr{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border:none;height:2px;margin:2rem 0}.blog-post .post-content table,.content-wrapper table{background:#ffffff05;border-collapse:collapse;border-radius:8px;margin:1.5rem 0;overflow:hidden;width:100%}.blog-post .post-content td,.blog-post .post-content th,.content-wrapper td,.content-wrapper th{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left}.blog-post .post-content th,.content-wrapper th{background:#6f92831a;color:var(--white);font-weight:600}.blog-post .post-footer{background:linear-gradient(145deg,var(--dark-card) 0,#1e1e1ecc 100%);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 15px 30px #0003,inset 0 1px 0 #ffffff1a;margin-bottom:3rem;padding:2rem;position:relative}.blog-post .post-footer:before{background:linear-gradient(90deg,#0000,#6f92834d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.post-tags span:first-child{color:var(--text-color);font-size:.9rem;font-weight:500;opacity:.8}.tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid #ffffff1a;border-radius:20px;color:var(--white);display:inline-block;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all var(--transition-fast)}.tag:hover{box-shadow:0 5px 15px #6f92834d;transform:translateY(-2px)}.post-navigation{border-top:1px solid #ffffff1a;padding-top:1rem;text-align:center}.back-to-blog{align-items:center;background:#6f92831a;border:1px solid #6f928333;border-radius:25px;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.back-to-blog:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-to-blog:hover{background:#6f928333;box-shadow:0 5px 15px #6f92834d;color:var(--white);transform:translateY(-2px)}.back-to-blog:hover:before{left:100%}.post-not-found{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);padding:4rem 2rem;text-align:center}.post-not-found h1{color:var(--white);font-size:2rem;font-weight:600;margin-bottom:1rem}.post-not-found p{color:var(--text-color);margin-bottom:2rem;opacity:.9}.blog-post .post-content h1,.content-wrapper h1{border-bottom:2px solid var(--primary-color);color:var(--white);font-size:2.2rem;font-weight:700;line-height:1.3;margin:2rem 0 1rem;padding-bottom:.5rem}.blog-post .post-content h4,.content-wrapper h4{color:var(--white);font-size:1.3rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .8rem}.blog-post .post-content h5,.content-wrapper h5{color:var(--white);font-size:1.1rem;font-weight:600;line-height:1.4;margin:1.2rem 0 .6rem}.blog-post .post-content h6,.content-wrapper h6{color:var(--primary-color);font-size:1rem;font-weight:600;letter-spacing:.5px;line-height:1.4;margin:1rem 0 .5rem;text-transform:uppercase}.content-wrapper{letter-spacing:.02em;word-spacing:.1em}.content-wrapper p:first-child{border-bottom:1px solid #ffffff1a;font-size:1.2rem;font-weight:500;margin-bottom:2rem;opacity:.95;padding-bottom:1rem}.related-posts{border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem;position:relative}.related-posts:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.related-posts h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center}.related-posts h3:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:1px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.related-posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.related-post-card{background:linear-gradient(145deg,var(--dark-card) 0,#1e1e1ecc 100%);border:1px solid #ffffff14;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all var(--transition-fast)}.related-post-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-fast)}.related-post-card:hover{border-color:#6f92834d;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.related-post-card:hover:before{transform:scaleX(1)}.related-post-card h4{color:var(--white);font-size:1.1rem;line-height:1.4;margin-bottom:.8rem}.related-post-card p{color:var(--text-color);font-size:.9rem;line-height:1.5;margin-bottom:1rem;opacity:.9}.related-post-card .post-date{color:var(--primary-color);font-size:.8rem;font-weight:500}.blog-post .post-content code{background:#6f92831a;border:1px solid #6f928333;border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.blog-post .post-content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem;position:relative}.blog-post .post-content pre:before{background:linear-gradient(90deg,#0000,#6f92834d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.blog-post .post-content pre code{background:none;border:none;color:var(--white);font-size:.9rem;line-height:1.5;padding:0}.blog-post .post-content blockquote{background:#6f92830d;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-color);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem;position:relative}.blog-post .post-content blockquote:before{color:var(--primary-color);content:'"';font-family:serif;font-size:3rem;left:10px;opacity:.3;position:absolute;top:-10px}.blog-post .post-content ol,.blog-post .post-content ul{margin:1.5rem 0;padding-left:2rem}.blog-post .post-content li{line-height:1.6;margin-bottom:.5rem}.blog-post .post-content li::marker{color:var(--primary-color)}.blog-post .post-content p{color:var(--text-color);font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;margin-bottom:1.5rem;text-align:justify}.blog-post .post-content p:first-child{color:var(--white);font-size:1.2rem;font-weight:400;line-height:1.7}.content-wrapper,.content-wrapper p{color:var(--white);font-size:1.2rem;font-weight:500;line-height:1.8}.content-wrapper p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:1.8rem;text-align:justify}.content-wrapper p:first-child{color:var(--white);font-size:1.4rem;font-weight:600;line-height:1.8}.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5,.content-wrapper h6{color:var(--white);font-weight:700;line-height:1.2;margin:2.5rem 0 1.5rem;text-shadow:0 2px 4px #0000004d}.content-wrapper h1{border-bottom:3px solid var(--primary-color);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;padding-bottom:.8rem}.content-wrapper h2{border-left:4px solid var(--primary-color);color:var(--primary-color);font-size:2rem;font-weight:700;margin-left:-1rem;padding-left:1rem}.content-wrapper h3{color:var(--white);font-size:1.8rem;font-weight:700}.content-wrapper h4{color:var(--white);font-size:1.5rem;font-weight:700}.content-wrapper strong{color:var(--white);font-weight:700;text-shadow:0 1px 2px #0000004d}.content-wrapper em{color:var(--white);font-style:italic;font-weight:500}.content-wrapper ol,.content-wrapper ul{color:var(--white);font-weight:500;margin:2rem 0;padding-left:2rem}.content-wrapper li{font-size:1.1rem;line-height:1.7;margin-bottom:.8rem}.content-wrapper ul li{font-weight:500;list-style-type:disc}.content-wrapper ol li{font-weight:500;list-style-type:decimal}.content-wrapper blockquote{background:#ffffff0d;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-color);font-style:italic;margin:2rem 0;padding:1rem 1.5rem}.content-wrapper code{background:#ffffff1a;border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .4rem}.content-wrapper pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.content-wrapper pre code{background:none;color:var(--text-color);padding:0}.blog-post .post-content a{border-bottom:1px solid #0000;color:var(--primary-color);text-decoration:none;transition:all var(--transition-fast)}.blog-post .post-content a:hover{border-bottom-color:var(--secondary-color);color:var(--secondary-color)}.form-help{color:var(--text-color);display:block;font-size:.8rem;font-style:italic;margin-top:.5rem;opacity:.7}@media (max-width:768px){.post-header h1{font-size:2rem}.post-hero-image{height:250px}.blog-post .post-content{padding:1.5rem}.blog-post .post-content h1,.content-wrapper h1{font-size:1.8rem}.blog-post .post-content h2,.content-wrapper h2{font-size:1.5rem}.blog-post .post-content h3,.content-wrapper h3{font-size:1.3rem}.blog-post .post-content p,.content-wrapper p{font-size:1rem;text-align:left}.content-wrapper p:first-child{font-size:1.1rem}.related-posts-grid{grid-template-columns:1fr}.blog-post .post-meta{flex-direction:column;gap:.5rem}.blog-post .post-content ol,.blog-post .post-content ul,.content-wrapper ol,.content-wrapper ul{padding-left:1.5rem}.blog-post .post-content blockquote,.content-wrapper blockquote{margin:1.5rem 0;padding:.8rem 1rem}}.legal-page{background:var(--dark-bg);min-height:calc(100vh - 300px);padding:60px 0}.legal-page .container{margin:0 auto;max-width:800px;padding:0 20px}.legal-page h1{color:var(--text-color);font-size:2.5rem;margin-bottom:30px;text-align:center}.legal-content{background:var(--dark-card);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px}.last-updated{color:#999;font-size:.9rem;font-style:italic;text-align:right}.last-updated,.legal-content section{margin-bottom:30px}.legal-content h2{border-bottom:1px solid var(--dark-lighter);color:var(--primary-color);font-size:1.6rem;margin-bottom:15px;padding-bottom:10px}.legal-content p{color:var(--text-color);line-height:1.6;margin-bottom:15px}.legal-content ul{margin-bottom:20px;margin-left:20px}.legal-content li{color:var(--text-color);line-height:1.5;margin-bottom:10px}.legal-content a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.legal-content a:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width:768px){.legal-page{padding:40px 0}.legal-page h1{font-size:2rem}.legal-content{padding:20px}.legal-content h2{font-size:1.4rem}}.expo-app-page{flex-direction:column;height:100vh;overflow:hidden}.app-header,.expo-app-page{background:var(--dark-bg);display:flex}.app-header{align-items:center;border-bottom:1px solid #ffffff0d;flex-shrink:0;height:50px;justify-content:space-between;padding:.5rem 1rem}.app-title{color:var(--white);font-size:1rem;font-weight:700;letter-spacing:.5px}.app-actions{gap:.3rem}.action-btn,.app-actions{align-items:center;display:flex}.action-btn{background:#0000;border:none;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;height:32px;justify-content:center;opacity:.7;transition:all .2s ease;width:32px}.action-btn:hover{opacity:1;transform:scale(1.05)}.action-btn.logout:hover{background:#dc3545;color:var(--white)}.action-btn.fullscreen:hover{background:var(--secondary-color);color:var(--white)}.header-toggle{position:fixed;right:10px;top:10px;z-index:1000}.show-header-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.show-header-btn:hover{background:#000000e6;transform:scale(1.1)}.app-container{flex:1 1;overflow:hidden;position:relative}.expo-iframe{background:var(--dark-bg);border:none;height:100%;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.loading-spinner{color:var(--primary-color);font-size:3rem;margin-bottom:1.5rem}.loading-container h3{color:var(--white);font-size:1.5rem;margin-bottom:.5rem}.loading-container p{color:var(--text-color);font-size:1rem;opacity:.8}.auth-required{align-items:center;display:flex;height:100vh;justify-content:center;padding:2rem}.auth-content{background:var(--dark-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);max-width:400px;padding:3rem;text-align:center;width:100%}.auth-content i{color:var(--primary-color);font-size:3rem;margin-bottom:1.5rem}.auth-content h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.auth-content p{color:var(--text-color);line-height:1.6;margin-bottom:2rem;opacity:.9}.expo-app .login-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;padding:1rem 2rem;transition:all var(--transition-fast);width:100%}.expo-app .login-btn:hover{background:var(--secondary-color);box-shadow:0 4px 15px #6f92834d;transform:translateY(-2px)}@media (max-width:768px){.app-header{height:45px;padding:.4rem .8rem}.app-title{font-size:.9rem}.action-btn{font-size:.8rem;height:30px;width:30px}}@media (max-width:480px){.app-header{height:40px;padding:.3rem .6rem}.app-title{font-size:.85rem}.action-btn{font-size:.75rem;height:28px;width:28px}.auth-content{padding:2rem 1.5rem}.loading-container{padding:1rem}}@media (max-width:768px) and (orientation:landscape){.app-header{display:none}.app-container{height:100vh}}.expo-iframe:focus+.app-header{opacity:0;transition:opacity .3s ease}.app-container,.app-header,.expo-iframe{transition:all .3s ease}.faq-page{background:var(--dark-bg);min-height:100vh;padding:120px 0 80px}.faq-page .container{margin:0 auto;max-width:1200px;padding:0 2rem}.faq-header{margin-bottom:3rem;text-align:center}.faq-header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.faq-header p{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8}.faq-content{background:var(--dark-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);box-shadow:0 15px 30px #0003;margin-bottom:3rem;overflow:hidden}.faq-category{border-bottom:1px solid #ffffff1a}.faq-category:last-child{border-bottom:none}.category-title{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin:0;padding:1.5rem 2rem;text-shadow:none!important;text-transform:uppercase}.category-title,.faq-category .category-title,.faq-category h2,.faq-category h2.category-title{-webkit-text-fill-color:#fff!important;background:#6f9283!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#fff!important;opacity:1!important;visibility:visible!important}.faq-items{padding:0}.faq-item{border-bottom:1px solid #ffffff0d;transition:all var(--transition-fast)}.faq-item:last-child{border-bottom:none}.faq-item:hover{background-color:#ffffff05}.faq-question{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:all var(--transition-fast);width:100%}.faq-question:hover{background-color:#ffffff05;color:var(--primary-color)}.faq-question:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.question-text{flex:1 1;line-height:1.5;margin-right:1rem}.toggle-icon{color:var(--primary-color);flex-shrink:0;font-size:1rem;transition:transform var(--transition-fast)}.faq-item.open .toggle-icon{transform:rotate(180deg)}.faq-answer{background-color:#ffffff05;max-height:0;overflow:hidden;transition:max-height var(--transition-fast),padding var(--transition-fast)}.faq-answer.open{max-height:500px;padding:0 2rem 1.5rem}.answer-content{padding-top:1rem}.answer-content p{color:var(--text-color);font-size:1rem;line-height:1.7;margin:0;opacity:.9}.faq-footer{color:var(--text-color);text-align:center}.contact-section{background:var(--dark-card);border:1px solid #ffffff1a;border-radius:var(--border-radius);box-shadow:0 15px 30px #0003;padding:3rem 2rem}.contact-section h3{color:var(--white);font-size:2rem;font-weight:600;margin-bottom:1rem}.contact-section p{color:var(--text-color);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.8}.contact-options{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.contact-link{align-items:center;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:50px;display:inline-flex;font-weight:500;gap:.5rem;padding:1rem 2rem;transition:all var(--transition-fast)}.contact-link,.contact-link:hover{color:var(--white);text-decoration:none}.contact-link:hover{background:var(--secondary-color);box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.contact-link i{font-size:1.1rem}@media (max-width:768px){.faq-page{padding:80px 0 60px}.faq-page .container{padding:0 1rem}.faq-header h1{font-size:2rem}.faq-header p{font-size:1rem}.category-title{font-size:1.3rem;padding:1rem 1.5rem}.faq-question{font-size:1rem;padding:1rem 1.5rem}.faq-answer.open{padding:0 1.5rem 1rem}.contact-section{padding:2rem 1.5rem}.contact-section h3{font-size:1.5rem}.contact-options{align-items:center;flex-direction:column}.contact-link{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.faq-question{font-size:.95rem;padding:.8rem 1rem}.faq-answer.open{padding:0 1rem .8rem}.answer-content p{font-size:.9rem}}.faq-item{animation:fadeInUp .6s ease-out}.faq-question:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.faq-item[aria-expanded=true] .faq-question{background-color:#6f92831a;color:var(--primary-color)}@media print{.faq-page{background:#fff;padding:0}.faq-content{border:1px solid #ddd;box-shadow:none}.faq-answer{max-height:none!important;padding:1rem 2rem!important}.contact-section{display:none}}.features-page{background:var(--dark-bg);min-height:100vh;padding:120px 0 80px}.features-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:60px}.feature-card{background:linear-gradient(145deg,var(--dark-card) 0,var(--dark-lighter) 100%);border:1px solid #ffffff0d;border-radius:var(--border-radius);padding:35px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;font-size:45px;margin-bottom:20px}.feature-card h3{color:var(--white);margin-bottom:15px}.feature-card p{color:var(--text-color);line-height:1.6}.signup-section{background:linear-gradient(165deg,var(--dark-card) 0,var(--dark-bg) 100%);border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d;padding:60px 0;text-align:center}.signup-container{margin:0 auto;max-width:900px;padding:0 20px}.signup-title{font-size:32px;margin-bottom:15px}.signup-description{font-size:18px;margin-bottom:30px;opacity:.8}.signup-form{margin:0 auto}.signup-form-row{align-items:center;display:flex;gap:15px;justify-content:center}.signup-input{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:30px;color:var(--white);flex:1 1;font-size:16px;max-width:300px;padding:16px 20px;transition:all .3s ease}.signup-input:focus{background:#ffffff26;border-color:var(--primary-color);outline:none}.signup-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid var(--primary-color);border-radius:40px;box-shadow:0 8px 25px #6f928359;color:var(--white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 32px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.signup-button:hover{border-color:var(--primary-light);box-shadow:0 14px 35px #6f92838c;transform:translateY(-3px)}.signup-button.app-store{background:#000;border-color:#000;box-shadow:0 10px 24px #00000059;color:#fff}.signup-button.app-store:hover{background:#111;border-color:#111;box-shadow:0 16px 36px #00000080}.signup-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.signup-message{font-size:16px;margin-top:20px;opacity:0;transition:opacity .3s ease}.signup-message.visible{opacity:1}.signup-message.success{color:#4caf50}.signup-message.error{background-color:#ff57571a;border-color:#ff575780;color:#ff5757}.signup-message.info{background-color:#56a0ff1a;border-color:#56a0ff80;color:#56a0ff}@media (max-width:768px){.signup-form-row{flex-direction:column;gap:15px}.signup-input{max-width:100%}}:root{--primary-dark:#4a7265;--primary-light:#8dab9f;--accent-color:#885a44;--gradient-bg:linear-gradient(165deg,var(--dark-bg) 0%,var(--dark-card) 100%);--glass-effect:#ffffff0d;--box-shadow:0 10px 30px #0003;--text-shadow:0 2px 10px #0000001a}.hero{align-items:center;background:linear-gradient(165deg,#121212,#1e1e1e);background:var(--gradient-bg);display:flex;min-height:100vh;overflow:hidden;padding:160px 0 100px;position:relative}.hero:before{animation:pulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#6f928326 0,#0000 30%),radial-gradient(circle at 80% 70%,#4a72651f 0,#0000 25%),radial-gradient(circle at 50% 50%,#8dab9f14 0,#0000 40%);bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.hero-content{margin-right:40px;max-width:600px;position:relative;text-align:center;z-index:1}.hero .container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero h1{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#fff,#8dab9f 50%,#e0e0e0);background:linear-gradient(135deg,var(--white) 0,var(--primary-light) 50%,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:24px;position:relative;text-align:center;text-shadow:0 2px 10px #0000001a;text-shadow:var(--text-shadow)}.hero h1:after{animation:fadeIn 1s ease-out 1.2s forwards;background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);width:80px}.hero p{animation:fadeIn 1s ease-out .3s forwards;color:#e0e0e0;color:var(--text-color);font-size:22px;line-height:1.6;margin-bottom:40px;opacity:0}.coming-soon{align-items:center;animation:fadeIn 1s ease-out .6s forwards;display:flex;flex-direction:column;gap:15px;margin-top:40px;opacity:0}.coming-soon-badge{background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;box-shadow:0 4px 15px #6f928366,0 0 20px #6f928333;color:#fff;color:var(--white);display:inline-block;font-size:16px;font-weight:600;padding:8px 16px}.coming-soon-text{font-size:18px;line-height:1.5;margin:0;opacity:.9}.store-buttons{animation:fadeIn 1s ease-out .6s forwards;display:flex;gap:15px;margin-top:30px;opacity:0}.store-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6f928326;border:1px solid #6f92834d;border-radius:30px;box-shadow:0 8px 25px #6f928333;color:#fff;color:var(--white);display:flex;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.store-button:hover{background:#6f928340;border-color:#6f9283;border-color:var(--primary-color);box-shadow:0 12px 35px #6f92834d;transform:translateY(-2px)}.iphone-frame{animation:float 6s ease-in-out infinite,fadeIn 1s ease-out .6s backwards;background:linear-gradient(145deg,#1d1d1f,#2d2d30);border:2px solid #6f928380;border-radius:50px;box-shadow:0 25px 50px #0006,0 10px 25px #0003,0 0 60px #6f928366,0 0 120px #6f928333,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0000004d;height:690px;margin:0 auto;padding:6px;perspective:1000px;transform-style:preserve-3d;width:320px;z-index:1}.iphone-frame:before{animation:glow-pulse 4s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#6f928366 0,#4a72654d 30%,#8dab9f33 60%,#0000 80%),radial-gradient(ellipse at 30% 20%,#6f92834d 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#4a726540 0,#0000 50%);border-radius:100px;bottom:-50px;content:"";filter:blur(40px);left:-50px;opacity:.8;position:absolute;right:-50px;top:-50px;z-index:-1}@keyframes glow-pulse{0%{filter:blur(40px);opacity:.6;transform:scale(1)}50%{filter:blur(50px);opacity:.9;transform:scale(1.05)}to{filter:blur(45px);opacity:.7;transform:scale(1.02)}}.iphone-frame:after{background:#000;border-radius:19px;box-shadow:inset 0 1px 2px #ffffff1a,0 2px 8px #0000004d;content:"";height:37px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:126px;z-index:3}.notch{display:none}.screen{background:#000;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 2px 4px #0003;overflow:hidden;position:relative}.screen,.screen img{border-radius:44px;height:100%;width:100%}.screen img{object-fit:cover}.iphone-frame{position:relative}.iphone-frame .volume-up{top:120px}.iphone-frame .volume-down,.iphone-frame .volume-up{background:linear-gradient(90deg,#666,#888);border-radius:0 2px 2px 0;height:25px;left:-3px;position:absolute;width:5px;z-index:2}.iphone-frame .volume-down{top:155px}.iphone-frame .power-button{background:linear-gradient(270deg,#666,#888);border-radius:2px 0 0 2px;height:40px;position:absolute;right:-3px;top:140px;width:5px;z-index:2}@keyframes float{0%{box-shadow:0 25px 50px #00000040,0 10px 25px #00000026;transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{box-shadow:0 35px 70px #0003,0 15px 35px #0000001a;transform:translateY(-15px) rotateX(2deg) rotateY(1deg)}to{box-shadow:0 25px 50px #00000040,0 10px 25px #00000026;transform:translateY(0) rotateX(0deg) rotateY(0deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.hero h1{font-size:56px}.section-header h2{font-size:40px}.cta h2{font-size:48px}}@media (max-width:768px){.hero{min-height:auto;padding:120px 0 60px}.hero .container{gap:40px;grid-template-columns:1fr;padding:0 20px;text-align:center}.hero-content{margin-bottom:20px;margin-right:0;padding:0;width:100%}.hero h1{font-size:36px;margin-bottom:20px}.hero p{font-size:18px}.waitlist-button{font-size:16px;padding:14px 28px}.hero-image{display:flex;justify-content:center;margin-top:40px;width:100%}.section-header h2{font-size:32px}.section-header p{font-size:18px}.app-screenshots,.features-preview,.problem-solution,.testimonials,.testimonials-section{padding:80px 0}.testimonials-grid{gap:20px;grid-template-columns:1fr}.features-grid{gap:30px;grid-template-columns:1fr;max-width:400px}.feature-preview-card,.problem-card,.solution-card,.testimonial-card{padding:30px}.problem-card h3,.solution-card h3{font-size:24px}.problem-card li,.solution-card li{font-size:16px}.section-header{margin-bottom:40px}.cta{padding:100px 0}.cta h2{font-size:36px}.cta p{font-size:18px;margin-bottom:40px}.cta-button{font-size:16px;padding:14px 28px}.mobile-grid{gap:30px;grid-template-columns:1fr!important}.testimonial-card{padding:25px}.iphone-frame{border-radius:45px;height:620px;padding:5px;width:290px}.iphone-frame:before{border-radius:65px;bottom:-20px;left:-20px;right:-20px;top:-20px}.iphone-frame:after{border-radius:16px;height:32px;top:10px;width:110px}.iphone-frame .volume-up{height:20px;left:-2px;top:100px;width:4px}.iphone-frame .volume-down{height:20px;left:-2px;top:130px;width:4px}.iphone-frame .power-button{height:35px;right:-2px;top:120px;width:4px}.screen,.screen img{border-radius:39px}}.how-it-works{background:#121212;background:var(--dark-bg);padding:100px 0}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:60px}.step-item{background:linear-gradient(145deg,#1e1e1e,#2d2d2d);background:linear-gradient(145deg,var(--dark-card) 0,var(--dark-lighter) 100%);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);padding:40px;position:relative;text-align:center}.step-number{align-items:center;background:#6f9283;background:var(--primary-color);border-radius:50%;color:#fff;color:var(--white);display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 20px;width:40px}.features-preview{background:linear-gradient(135deg,#6f928314,#1e1e1e 50%,#8dab9f0f);background:linear-gradient(135deg,#6f928314 0,var(--dark-card) 50%,#8dab9f0f 100%);overflow:hidden;padding:120px 0;position:relative}.features-preview:before{background:linear-gradient(225deg,#6f928333,#4a726526,#8dab9f1a);border-radius:50%;bottom:-250px;content:"";filter:blur(80px);height:500px;left:-250px;position:absolute;width:500px}.features-preview:after{background:linear-gradient(45deg,#6f928326,#4a72651a);border-radius:50%;content:"";filter:blur(60px);height:400px;position:absolute;right:-200px;top:-200px;width:400px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);justify-items:center;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px}.feature-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;background:var(--dark-card);border:2px solid #6f928333;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 15px 30px #0003,0 0 15px #6f92831a;overflow:hidden;padding:50px 30px;position:relative;text-align:center;transition:all .5s ease;transition:all var(--transition-medium);z-index:1}.feature-preview-card:before{background:radial-gradient(circle at center,#6f928326 0,#4a726514 50%,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:scale(.8);transition:all .6s ease;width:200%;z-index:-1}.feature-preview-card:hover{background:linear-gradient(145deg,#6f92830d,#1e1e1e);background:linear-gradient(145deg,#6f92830d 0,var(--dark-card) 100%);border-color:#6f9283b3;box-shadow:0 20px 40px #6f92834d,0 0 40px #6f928333;transform:translateY(-15px)}.feature-preview-card:hover:before{opacity:1;transform:scale(1)}.feature-preview-card i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6f9283,#4a7265,#8dab9f);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:#6f9283;color:var(--primary-color);font-size:40px;margin-bottom:25px;transition:all .3s ease}.feature-preview-card:hover i{filter:drop-shadow(0 0 8px rgba(111,146,131,.3));transform:scale(1.1)}.feature-preview-card h3{color:#e0e0e0;color:var(--text-color);font-size:24px;font-weight:700;margin-bottom:20px}.feature-preview-card p{color:#e0e0e0;color:var(--text-color);font-size:16px;line-height:1.6;opacity:.8}.section-header{margin-bottom:80px;position:relative;text-align:center;z-index:1}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8dab9f 30%,#e0e0e0 80%);background:linear-gradient(135deg,var(--white) 0,var(--primary-light) 30%,var(--text-color) 80%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:-1px;margin-bottom:20px;position:relative}.section-header h2:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:100px}.section-header p{color:#e0e0e0;color:var(--text-color);font-size:22px;margin:0 auto;max-width:600px;opacity:.8}.problem-solution{background:linear-gradient(135deg,#6f92830d,#121212 50%,#4a726514);background:linear-gradient(135deg,#6f92830d 0,var(--dark-bg) 50%,#4a726514 100%);overflow:hidden;padding:120px 0;position:relative}.problem-solution:before{background:radial-gradient(circle at 20% 20%,#6f92831a 0,#0000 40%),radial-gradient(circle at 80% 80%,#4a726514 0,#0000 40%);background:linear-gradient(45deg,#6f928326,#4a72651f,#8dab9f14);border-radius:50%;bottom:0;content:"";filter:blur(60px);height:400px;left:0;opacity:.6;position:absolute;right:0;right:-200px;top:0;top:-200px;width:400px}.problem-solution-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin-top:80px}.problem-card,.solution-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e;background:var(--dark-card);border:2px solid #6f928333;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 15px 30px #0003,0 0 20px #6f92831a;padding:50px;transition:all .5s ease;transition:all var(--transition-medium)}.problem-card:hover,.solution-card:hover{border-color:#6f928399;box-shadow:0 20px 40px #6f92834d,0 0 40px #6f928333;transform:translateY(-10px)}.problem-card h3,.solution-card h3{color:#e0e0e0;color:var(--text-color);display:inline-block;font-size:28px;font-weight:700;margin-bottom:30px;position:relative}.problem-card h3:after,.solution-card h3:after{border-radius:3px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.problem-card h3:after{background:linear-gradient(90deg,#6f9283,#8dab9f);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));box-shadow:0 0 10px #6f928380}.solution-card{background:linear-gradient(145deg,#6f928314,#1e1e1e);background:linear-gradient(145deg,#6f928314 0,var(--dark-card) 100%);border-color:#6f92834d}.solution-card:hover{background:linear-gradient(145deg,#6f92831f,#1e1e1e);background:linear-gradient(145deg,#6f92831f 0,var(--dark-card) 100%)}.solution-card h3:after{background:linear-gradient(90deg,#6f9283,#4a7265);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 10px #6f928380}.problem-card ul,.solution-card ul{list-style:none;padding:0}.problem-card li,.solution-card li{align-items:center;animation:fadeIn .5s ease-out forwards;color:#e0e0e0;color:var(--text-color);display:flex;font-size:18px;gap:15px;margin-bottom:28px;opacity:0}.problem-card li:first-child{animation-delay:.1s}.problem-card li:nth-child(2){animation-delay:.2s}.problem-card li:nth-child(3){animation-delay:.3s}.solution-card li:first-child{animation-delay:.1s}.solution-card li:nth-child(2){animation-delay:.2s}.solution-card li:nth-child(3){animation-delay:.3s}.problem-card i,.solution-card i{color:#6f9283;color:var(--primary-color);font-size:20px;transition:all .3s ease}.solution-card i{filter:drop-shadow(0 0 6px rgba(111,146,131,.4))}.problem-card:hover i{filter:drop-shadow(0 0 10px rgba(111,146,131,.6))}.problem-card:hover i,.solution-card:hover i{color:#8dab9f;color:var(--primary-light);transform:scale(1.1)}.solution-card:hover i{filter:drop-shadow(0 0 10px rgba(111,146,131,.7))}.app-screenshots{background:linear-gradient(135deg,#6f92830f,#121212 50%,#4a726514);background:linear-gradient(135deg,#6f92830f 0,var(--dark-bg) 50%,#4a726514 100%);overflow:hidden;padding:120px 0;position:relative}.app-screenshots:before{background:radial-gradient(ellipse at 30% 30%,#6f92831f 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#4a72651a 0,#0000 50%);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.screenshots-wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:60px}.screenshot{background-color:#2d2d2d;background-color:var(--dark-lighter);border-radius:24px;box-shadow:0 30px 60px #0000004d;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(5deg);transition:all .5s ease;transition:all var(--transition-medium);width:300px}.screenshot:nth-child(2){transform:perspective(1000px) rotateY(0deg)}.screenshot:nth-child(3){transform:perspective(1000px) rotateY(-5deg)}.screenshot:hover{transform:perspective(1000px) rotateY(0deg) translateY(-15px);z-index:2}.screenshot img{display:block;height:auto;transition:all .5s ease;width:100%}.screenshot:hover img{transform:scale(1.05)}.mobile-app-screenshot{background:linear-gradient(135deg,#6f928314,#1e1e1e 50%,#8dab9f0f);background:linear-gradient(135deg,#6f928314 0,var(--dark-card) 50%,#8dab9f0f 100%);overflow:hidden;padding:60px 0;position:relative}.mobile-app-screenshot:before{background:radial-gradient(circle at 50% 50%,#6f928326 0,#0000 60%),radial-gradient(circle at 20% 80%,#4a72651a 0,#0000 50%);bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.mobile-screenshots-wrapper{-webkit-overflow-scrolling:touch;display:flex;margin:0 -20px;overflow-x:auto;padding:40px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-screenshots-wrapper::-webkit-scrollbar{display:none}.mobile-screenshot{margin:30px auto;max-width:280px;text-align:center}.mobile-screenshot img{border-radius:12px;box-shadow:0 15px 30px #0003;width:100%}.screenshot-caption{color:#e0e0e0;color:var(--text-color);font-size:16px;font-weight:500;margin-top:16px;opacity:.9}.slider-indicators{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.indicator{background-color:#2d2d2d;background-color:var(--dark-lighter);border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.indicator.active{background-color:#6f9283;background-color:var(--primary-color);height:12px;width:12px}.testimonials{background:#1e1e1e;background:var(--dark-card);overflow:hidden;padding:120px 0;position:relative}.testimonials:before{background:linear-gradient(45deg,#6c63ff0d,#ff7e540d);border-radius:50%;content:"";filter:blur(60px);height:400px;position:absolute;right:-200px;top:-200px;width:400px}.testimonials-grid{grid-gap:40px;gap:40px;grid-template-columns:repeat(2,1fr);margin-top:60px}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0003;box-shadow:var(--box-shadow);padding:40px;transition:all .5s ease;transition:all var(--transition-medium)}.testimonial-card:hover{border-color:#6c63ff33;box-shadow:0 30px 60px #0000004d;transform:translateY(-10px)}.testimonial-content{font-size:18px;line-height:1.7;margin-bottom:30px;position:relative}.testimonial-content:before{color:#6f9283;color:var(--primary-color);content:'"';font-family:serif;font-size:80px;left:-20px;opacity:.2;position:absolute;top:-40px}.testimonial-author i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6f9283,#885a44);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;font-size:44px}.testimonial-author h4{font-size:18px;font-weight:600;margin:0 0 5px}.testimonial-author span{font-size:14px;opacity:.7}.testimonials-section{background:linear-gradient(135deg,#6f928314,#1e1e1e 50%,#4a72650f);background:linear-gradient(135deg,#6f928314 0,var(--dark-card) 50%,#4a72650f 100%);overflow:hidden;padding:100px 0;position:relative}.testimonials-section .section-header{margin-bottom:60px;text-align:center}.testimonials-section h2{color:#fff;color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:15px}.testimonials-section p{color:#e0e0e0;color:var(--text-color);font-size:1.1rem;margin:0 auto;max-width:600px}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.testimonial-card{background:#1e1e1e;background:var(--dark-card);border:1px solid #6f928333;border-radius:15px;box-shadow:0 10px 30px #0000004d,0 0 20px #6f92831a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.testimonial-card:before{background:linear-gradient(90deg,#6f9283,#4a7265);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.testimonial-card:hover{border-color:#6f928366;box-shadow:0 20px 40px #0006,0 0 30px #6f928333;transform:translateY(-5px)}.testimonial-content{margin-bottom:25px}.testimonial-content p{color:#fff;color:var(--white);font-size:1rem;font-style:italic;line-height:1.6;margin:0}.testimonial-author{align-items:center;display:flex;gap:15px;margin-bottom:15px}.author-avatar{align-items:center;background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-name{color:#fff;color:var(--white);font-size:1rem;font-weight:600}.author-title{color:#e0e0e0;color:var(--text-color);font-size:.9rem}.testimonial-rating{display:flex;gap:3px}.testimonial-rating i{color:#fbbf24;font-size:1rem}.cta{background:linear-gradient(135deg,#6f92831a,#1e1e1e 50%,#4a726514);background:linear-gradient(135deg,#6f92831a 0,var(--dark-card) 50%,#4a726514 100%);overflow:hidden;padding:140px 0;position:relative;text-align:center}.cta,.cta h2{color:#fff;color:var(--white)}.cta h2{font-size:3.5rem;text-shadow:0 2px 4px #0000004d}.cta p{color:#e0e0e0;color:var(--text-color);font-size:1.3rem;font-weight:500;margin-bottom:40px}.cta:before{animation:pulse 15s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 40%,#6f928326 0,#0000 40%),radial-gradient(circle at 70% 60%,#4a72651f 0,#0000 35%),radial-gradient(circle at 50% 20%,#8dab9f14 0,#0000 30%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta h2{font-size:56px;font-weight:800;letter-spacing:-1px;margin-bottom:20px}.cta p{font-size:22px;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.cta-buttons{display:flex;gap:20px;justify-content:center}.cta-button{border:none;border-radius:40px;cursor:pointer;font-size:18px;font-weight:600;padding:18px 36px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.cta-button.primary{background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #6f9283;border:2px solid var(--primary-color);box-shadow:0 8px 25px #6f928366,0 0 0 1px #6f928333;color:#fff;color:var(--white);font-weight:700;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase;z-index:1}.cta-button.primary:before{background:linear-gradient(45deg,#6f9283,#885a44);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .6s ease;width:100%;z-index:-1}.cta-button.primary:hover{border-color:#8dab9f;border-color:var(--primary-light);box-shadow:0 15px 40px #6f9283b3,0 0 60px #6f928380;transform:translateY(-5px)}.cta-button.primary:hover:before{opacity:1}.cta-button.secondary{background:#0000;border:2px solid #6f9283;border:2px solid var(--primary-color);box-shadow:0 0 0 1px #6f928333;color:#6f9283;color:var(--primary-color);font-weight:600}.cta-button.secondary:hover{background:#6f9283;background:var(--primary-color);border-color:#6f9283;border-color:var(--primary-color);box-shadow:0 8px 25px #6f92834d;color:#fff;transform:translateY(-5px)}.mobile-preview{background:linear-gradient(145deg,#1c1c1e,#2c2c2e);border:1px solid #ffffff14;border-radius:35px;box-shadow:0 20px 40px #00000040,0 8px 20px #00000026,inset 0 1px 0 #ffffff0d;display:block;margin:0 auto;max-width:280px;padding:6px;transition:all .5s ease;width:100%}.mobile-preview:hover{box-shadow:0 25px 50px #0003,0 10px 25px #0000001a;transform:translateY(-8px)}.mobile-preview img{border-radius:29px;height:auto;width:100%}.waitlist-button{background:linear-gradient(135deg,#6f9283,#4a7265);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #6f928366;border-radius:40px;box-shadow:0 8px 24px #6f928380,0 0 30px #6f92834d;color:#fff;color:var(--white);cursor:pointer;font-size:18px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.waitlist-button:before{background:linear-gradient(45deg,#6f9283,#885a44);background:linear-gradient(45deg,var(--primary-color),var(--accent-color));content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(100%);transition:all .6s ease;width:100%;z-index:-1}.waitlist-button:hover{box-shadow:0 15px 30px #6f928380;transform:translateY(-5px)}.waitlist-button:active,.waitlist-button:hover:before{transform:translateY(0)}.stats-showcase{animation:fadeIn 1s ease-out 1s forwards;display:flex;gap:30px;justify-content:space-between;margin-top:60px;opacity:0}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8dab9f);background:linear-gradient(135deg,var(--white),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin-bottom:8px}.stat-label{color:#e0e0e0;color:var(--text-color);font-size:14px;opacity:.8;text-align:center}.scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 1.5s forwards;bottom:40px;display:flex;flex-direction:column;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.mouse{border:2px solid #ffffff4d;border-radius:20px;height:40px;margin-bottom:10px;position:relative;width:26px}.wheel{animation:scroll 2s ease-out infinite;background:linear-gradient(180deg,#6f9283,#8dab9f);background:linear-gradient(180deg,var(--primary-color),var(--primary-light));border-radius:2px;box-shadow:0 0 4px #6f92834d;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}.arrow-scroll{align-items:center;display:flex;flex-direction:column;gap:4px}.arrow-scroll span{animation:arrowDown 2s ease-out infinite;border-bottom:2px solid #6f9283;border-bottom:2px solid var(--primary-color);border-right:2px solid #6f9283;border-right:2px solid var(--primary-color);display:block;height:10px;opacity:.7;transform:rotate(45deg);width:10px}.arrow-scroll span:nth-child(2){animation-delay:.2s}.arrow-scroll span:nth-child(3){animation-delay:.4s}@keyframes scroll{0%{opacity:1;top:6px}50%{opacity:1;top:14px}to{opacity:0;top:22px}}@keyframes arrowDown{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}.animated{animation:sectionReveal 1s ease-out forwards}@keyframes sectionReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.stats-showcase{flex-direction:column;gap:20px;margin-top:40px}.stat-number{font-size:36px}.stat-label{font-size:12px}.scroll-indicator{display:none}}.mobile-grid{gap:20px;grid-template-columns:1fr!important}.login-page{align-items:center;background:var(--dark-bg);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{max-width:500px;width:100%}.login-card{background:linear-gradient(145deg,var(--dark-card) 0,var(--dark-lighter) 100%);border:1px solid #ffffff0d;border-radius:var(--border-radius);box-shadow:0 20px 40px #0000004d;overflow:hidden;padding:3rem;position:relative}.login-card:before{background:radial-gradient(circle at 20% 30%,#6f92831a 0,#0000 20%),radial-gradient(circle at 80% 70%,#4a72651a 0,#0000 20%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.login-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.login-header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-color);font-size:1.1rem;opacity:.8}.mobile-login,.web-login{position:relative;z-index:1}.login-info,.mobile-info{margin-bottom:2rem;text-align:center}.login-info i,.mobile-info i{color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.login-info h3,.mobile-info h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.login-info p,.mobile-info p{color:var(--text-color);line-height:1.6;opacity:.9}.login-actions,.login-options{display:flex;flex-direction:column;gap:1rem}.dashboard-btn,.home-btn,.mobile-redirect-btn,.web-login-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all var(--transition-fast);width:100%}.web-login-btn{background:var(--primary-color);box-shadow:0 4px 15px #6f92834d;color:var(--white)}.web-login-btn:hover{background:var(--secondary-color);box-shadow:0 6px 20px #6f928366;transform:translateY(-2px)}.mobile-redirect-btn{background:#ffffff1a;border:1px solid #fff3;color:var(--white)}.mobile-redirect-btn:hover{background:#fff3;transform:translateY(-2px)}.home-btn{background:#ffffff1a;border:1px solid #fff3;color:var(--white)}.home-btn:hover{background:#fff3;transform:translateY(-2px)}.dashboard-btn{background:var(--primary-color);box-shadow:0 4px 15px #6f92834d;color:var(--white)}.dashboard-btn:hover{background:var(--secondary-color);box-shadow:0 6px 20px #6f928366;transform:translateY(-2px)}@media (max-width:768px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:2rem}.login-info i,.mobile-info i{font-size:2.5rem}.login-info h3,.mobile-info h3{font-size:1.3rem}}@media (max-width:480px){.login-card{padding:1.5rem 1rem}.login-header h1{font-size:1.8rem}.dashboard-btn,.home-btn,.mobile-redirect-btn,.web-login-btn{font-size:.9rem;padding:.8rem 1.2rem}}:root{--primary-color:#6f9283;--secondary-color:#4a7265;--text-color:#e0e0e0;--dark-bg:#121212;--dark-card:#1e1e1e;--dark-lighter:#2d2d2d;--white:#fff;--border-radius:16px;--transition-fast:0.3s ease;--transition-medium:0.5s ease;--transition-slow:0.8s ease;--glass-bg:#1e1e1ecc;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;background:var(--dark-bg);color:#e0e0e0;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}html{scroll-behavior:smooth}::selection{background:#6f9283;background:var(--primary-color);color:#fff;color:var(--white)}.button,button{cursor:pointer;transition:all .3s ease;transition:all var(--transition-fast)}.container{margin:0 auto;max-width:1200px;padding:0 20px}@media (max-width:1280px){.container{max-width:1024px}}h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);background:linear-gradient(135deg,var(--white) 0,var(--text-color) 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2;margin-bottom:1rem}.app{display:flex;flex-direction:column;min-height:100vh}h1{color:#fff;color:var(--white);font-size:42px;margin-bottom:20px;text-align:center}section{contain-intrinsic-size:1px 1000px;content-visibility:auto}
/*# sourceMappingURL=main.06e6a915.css.map*/