*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#fff;color:#333}.App{min-height:100vh;display:flex;flex-direction:column}.App-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.App-header .logo h1{font-size:1.8rem;font-weight:700;color:#2563eb}nav ul{display:flex;list-style:none;gap:2rem}nav ul li button{background:none;border:none;color:#4b5563;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}nav ul li button:hover{color:#2563eb;background-color:#f3f4f6}nav ul li .login-btn{color:#2563eb;border:1px solid #2563eb}nav ul li .login-btn:hover{background-color:#dbeafe}main{flex:1}.landing-page{width:100%}.hero{display:flex;align-items:center;padding:5% 10%;gap:3rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:80vh}.hero-content{flex:1}.hero-content h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#1e293b}.hero-content p{font-size:1.25rem;color:#64748b;margin-bottom:2rem;max-width:600px}.cta-buttons{display:flex;gap:1rem;margin-bottom:2rem}.primary-btn{background-color:#2563eb;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.primary-btn:hover{background-color:#1d4ed8}.secondary-btn{background-color:#fff;color:#2563eb;border:1px solid #2563eb;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background-color:#eff6ff}.ratings{display:flex;align-items:center;gap:1rem}.ratings .stars{color:#f59e0b;font-size:1.2rem}.ratings p{color:#64748b;font-weight:500}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.card-preview{transform:scale(.9);box-shadow:0 25px 50px -12px #00000040;border-radius:1rem;overflow:hidden}.features{padding:5% 10%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;background-color:#fff}.feature{text-align:center;padding:2rem}.feature h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.feature p{color:#64748b;font-size:1.1rem;line-height:1.6}.cta-section{padding:5% 10%;text-align:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.cta-section p{font-size:1.25rem;color:#64748b;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}footer{background-color:#1e293b;color:#fff}.footer-content{display:flex;justify-content:space-between;padding:5% 10%;gap:3rem}.footer-logo h2{font-size:1.5rem;font-weight:700;color:#2563eb;margin-bottom:1rem}.footer-links{display:flex;gap:3rem}.link-column h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#f1f5f9}.link-column ul{list-style:none}.link-column ul li{margin-bottom:.5rem}.link-column ul li a{color:#94a3b8;text-decoration:none;transition:color .2s ease}.link-column ul li a:hover{color:#f1f5f9}.footer-bottom{text-align:center;padding:1.5rem;border-top:1px solid #334155;color:#94a3b8}@media (max-width: 992px){.hero{flex-direction:column;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.cta-buttons,.ratings{justify-content:center}.footer-content{flex-direction:column;align-items:center}.footer-links{justify-content:center;flex-wrap:wrap}}@media (max-width: 768px){.App-header{flex-direction:column;gap:1rem;padding:1rem}nav ul{gap:1rem}.hero-content h1{font-size:2.5rem}.features{grid-template-columns:1fr}}