*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#f5f5f5;color:#333}.gnav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#123458;position:sticky;top:0;z-index:100}.gnav .logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.gnav-actions{display:flex;align-items:center;gap:1rem}.gnav nav a{margin-left:1rem;color:#fff;text-decoration:none;font-weight:500}.gnav nav a:hover{text-decoration:underline}.qa-lab-btn{border:none;padding:.5rem 1.25rem;border-radius:999px;background:#facc15;color:#123458;font-weight:600;cursor:pointer;transition:transform .2s ease}.qa-lab-btn:hover{transform:translateY(-1px)}.hero{position:relative;height:calc(100vh - 64px);background:url(/images/heroBanner.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero:after{content:"";position:absolute;inset:0;background:#0006}.hero-card{position:relative;z-index:1;background:#fffffff2;padding:2rem;max-width:600px;text-align:center;border-radius:8px;box-shadow:0 4px 12px #00000026}.hero-card h1{margin-bottom:1rem;color:#123458;font-size:2rem}.hero-card p{margin-bottom:1.5rem;color:#333;font-size:1rem;line-height:1.5}.hero-card button{background:#06c;border:none;padding:.75rem 1.5rem;color:#fff;border-radius:4px;cursor:pointer}.hero-card button:hover{background:#005bb5}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.card img{width:100%;height:180px;object-fit:cover}.card .card-body{padding:1rem}.card .card-body h3{margin-bottom:.5rem;color:#123458}.card .card-body p{font-size:.95rem;line-height:1.4}.roadmaps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.roadmap-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000001a}.roadmap-card h4{margin-bottom:.75rem}.roadmap-card ul{list-style:none;padding-left:0}.roadmap-card ul li{margin-bottom:.5rem;font-size:.95rem}.about{background:#e0e0e0}.about-content{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;max-width:1000px;margin:0 auto;padding:4rem 2rem}.about-img{width:200px;border-radius:50%;object-fit:cover}.about-text{flex:1}.about-text h2{margin-bottom:.5rem}.about-text p{margin-bottom:1rem;line-height:1.5}.btn{display:inline-block;padding:.6rem 1.2rem;background:#123458;color:#fff;text-decoration:none;border-radius:4px}.social-metrics{display:flex;gap:1rem;margin-top:1rem}.metric{background:#fff;padding:1rem 1.5rem;border-radius:8px;text-align:center;box-shadow:0 2px 6px #0000001a}.metric span{display:block;font-size:1.5rem;font-weight:700}.metric small{display:block;font-size:.8rem;color:#666}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem;overflow-y:auto}.auth-modal.hidden{display:none!important}.auth-modal-content{background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:400px;position:relative;box-shadow:0 10px 25px #0003;animation:slideIn .3s ease-out;max-height:90vh;overflow-y:auto;margin:auto}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.signup-fields.hidden{display:none}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s}.close-modal:hover{color:#333}#auth-title{text-align:center;margin-bottom:1.5rem;color:#123458}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#123458}.btn-primary{width:100%;padding:.75rem;background:#123458;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#0d2642}.auth-divider{text-align:center;margin:1.5rem 0;position:relative;color:#888;font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#eee}.auth-divider:before{left:0}.auth-divider:after{right:0}.social-auth{display:flex;gap:1rem;margin-bottom:1.5rem}.btn-social{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-social:hover{background:#f9f9f9}.auth-switch{text-align:center;font-size:.9rem;color:#666}.auth-switch a{color:#123458;text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.error-message{color:#dc2626;font-size:.85rem;text-align:center;margin-top:1rem;min-height:1.2em}.user-menu{position:relative;display:inline-block}.user-avatar{width:36px;height:36px;border-radius:50%;background:#123458;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;border:2px solid white}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;display:none;z-index:100;margin-top:.5rem}.user-dropdown.show{display:block}.user-dropdown a,.user-dropdown button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:#333;text-decoration:none;cursor:pointer;font-size:.9rem}.user-dropdown a:hover,.user-dropdown button:hover{background:#f5f5f5}