*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:#4a90e2}.nav-menu a{margin:0 1rem;text-decoration:none;color:#555;font-weight:500}.auth-buttons button{margin-left:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.btn-secondary{background-color:transparent;color:#4a90e2;border:1px solid #4a90e2}.btn-secondary:hover{background-color:#f0f8ff}.hero{background-color:#f4f7f6;padding:4rem 2rem;text-align:center}.hero-content h1{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.hero-content p{font-size:1.2rem;color:#7f8c8d;max-width:800px;margin:0 auto 2rem}.features{padding:4rem 2rem;background-color:#fff}.features h2{text-align:center;margin-bottom:3rem;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{padding:2rem;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card .icon{width:48px;height:48px;color:#4a90e2;margin-bottom:1rem}.feature-card h3{margin-bottom:.5rem;color:#2c3e50}.feature-card p{color:#7f8c8d}.footer{text-align:center;padding:2rem;background-color:#2c3e50;color:#fff}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-image:url(https://images.unsplash.com/photo-1527613426441-4da17471b66d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-size:cover;background-position:center}.login-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px #1f26875e;width:100%;max-width:400px;text-align:center}.login-card h2{margin-bottom:1.5rem;color:#333;font-weight:600}.form-group{margin-bottom:1.25rem;text-align:left}.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{border-color:#4a90e2;outline:none}.read-only-field{width:100%;padding:.75rem;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:1rem;color:#666}.password-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#888}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#555}.link-button{background:none;border:none;color:#4a90e2;cursor:pointer;padding:0;font-size:inherit;text-decoration:none}.link-button:hover{text-decoration:underline}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-block{width:100%;margin-bottom:.75rem}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover{background-color:#357abd}.btn-secondary{background-color:#e2e6ea;color:#333}.btn-secondary:hover{background-color:#dbe0e5}.login-footer{margin-top:1.5rem;font-size:.9rem;color:#666}.create-account-link{font-weight:600}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #ffcdd2}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #c8e6c9}.code-sent-message{color:#2e7d32;font-size:.9rem;margin-bottom:1rem;font-weight:500}.timer-container{margin-bottom:1rem;text-align:center}.timer-text{color:#666;font-size:.9rem;margin:0}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;position:relative;box-shadow:0 10px 25px #0003}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#888}.modal-title{margin-bottom:1.5rem;color:#333;text-align:center}.dashboard-container{min-height:100vh;background-color:#f4f7f6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;font-size:1.5rem;color:#2c3e50}.dashboard-content{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.dashboard-stats{display:flex;gap:2rem;margin-top:2rem}.stat-item{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;text-align:center;flex:1}.stat-item h3{margin:0 0 .5rem;color:#7f8c8d;font-size:1rem}.stat-item p{margin:0;font-size:2rem;font-weight:700;color:#4a90e2}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#7f8c8d}