*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}html,body,#root{height:100%}.app-layout{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.main-content{padding:0}.container{max-width:1100px;margin:auto;padding:20px}.navbar{color:#fff;z-index:10;background-color:#1f2937;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:relative}.nav-links{gap:30px;display:flex}.nav-item{color:#fff;letter-spacing:1px;font-size:14px;text-decoration:none;position:relative}.nav-item:after{content:"";background-color:#d4af37;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-item:hover:after,.nav-item.active:after{width:100%}.hero{color:#fff;background:url(https://images.unsplash.com/photo-1588072432836-e10032774350) 50%/cover;justify-content:center;align-items:center;height:220px;font-size:28px;font-weight:700;display:flex}.card-container{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px;display:grid}.card{background:#fff;border-radius:8px;padding:20px;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.card:hover{transform:translateY(-5px)}.card h3{color:#1abc9c;margin-bottom:10px}.card p{color:#555;font-size:14px;line-height:1.6}.login-box{background:#fff;border-radius:8px;width:350px;margin:80px auto;padding:25px;box-shadow:0 2px 10px #0000001a}.login-box input{border:1px solid #ccc;width:100%;margin:10px 0;padding:10px}.login-box button{color:#fff;cursor:pointer;background:#1f2937;border:none;width:100%;padding:10px}.contact-container{text-align:center;max-width:500px;margin:60px auto}.contact-container h1{margin-bottom:20px}.footer{color:#fff;background:#1f2937;padding:40px}.footer-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.contact-title{text-align:center;margin-bottom:30px}.contact-grid{grid-template-columns:1fr 1fr;gap:50px;width:100%;max-width:1500px;margin:40px auto;display:grid}.contact-grid-wrapper{flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.contact-info{background:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a}.contact-info h3{margin-bottom:15px}.contact-info p{color:#555;margin-bottom:15px;font-size:14px}.contact-form{background:#fff;border-radius:8px;flex-direction:column;padding:25px;display:flex;box-shadow:0 2px 10px #0000001a}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px}.contact-form button{color:#fff;cursor:pointer;background:#1f2937;border:none;padding:12px}.contact-form button:hover{background:#111827}.login-wrapper{justify-content:center;align-items:center;margin:80px 0;display:flex}.login-box{text-align:center;background:#fff;border-radius:8px;width:380px;padding:30px;box-shadow:0 2px 12px #0000001a}.login-box h2{margin-bottom:20px}.login-box input{border:1px solid #ccc;border-radius:4px;width:100%;margin:10px 0;padding:10px}.login-options{justify-content:space-between;margin-bottom:15px;font-size:13px;display:flex}.forgot-password{color:#1f2937;cursor:pointer}.login-box button{color:#fff;cursor:pointer;background:#1f2937;border:none;width:100%;margin-top:10px;padding:10px}.divider{color:#888;margin:15px 0;font-size:14px}.google-btn{color:#000;background:#fff;border:1px solid #ccc}.signup-text{margin-top:15px;font-size:14px}.signup-text span{color:#1f2937;cursor:pointer;font-weight:700}.services-wrapper{max-width:1100px;margin:50px auto;padding:20px}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-card{background:#f9f9f9;border-radius:10px;min-height:250px;padding:25px;position:relative;box-shadow:0 3px 10px #0000001a}.badge{color:#fff;background:#1abc9c;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;font-weight:700;display:flex;position:absolute;top:-20px;right:-20px}.service-card h3{margin-bottom:15px;font-size:18px}.service-card ul{padding-left:18px}.service-card li{margin-bottom:8px;font-size:14px}.hero-banner{text-align:center;z-index:1;background:#243b5a;justify-content:center;align-items:center;height:320px;padding:20px;display:flex;position:relative}.hero-content h1{color:#fff;margin-bottom:10px;font-size:36px}.hero-content p{color:#d1d5db;margin-bottom:20px;font-size:14px}.hero-btn{color:#fff;cursor:pointer;background:#f4a261;border:none;border-radius:4px;padding:10px 20px;font-size:14px}.hero-btn:hover{background:#e76f51}.about-wrapper{margin-bottom:50px}.about-hero{color:#fff;text-align:center;background:#243b5a;padding:50px 20px}.about-hero h1{margin-bottom:10px;font-size:32px}.about-hero p{color:#d1d5db;font-size:14px}.about-section{background:#fff;border-radius:8px;margin-top:30px;padding:25px;box-shadow:0 2px 10px #00000014}.about-section h2{color:#1f2937;margin-bottom:15px}.about-section p{color:#555;margin-bottom:12px;font-size:14px;line-height:1.6}.contact-wrapper{background-image:url(/assets/demo-ebook-07-CrGiAvhn.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:60px 20px;position:relative}.contact-wrapper>*{z-index:1;position:relative}.services-title{text-align:center;margin-bottom:30px}.service-card{cursor:pointer}.service-card ul{margin-top:10px;padding-left:10px}.service-card li{color:#555;font-size:14px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.large-modal{background:#fff;border-radius:10px;width:700px;max-width:90%;max-height:80vh;padding:30px;overflow-y:auto}.modal-section{margin-top:20px}.modal-section h4{margin-bottom:10px}.modal-section li{margin-bottom:6px;font-size:14px}.close-btn{color:#fff;cursor:pointer;background:#1f2937;border:none;width:100%;margin-top:20px;padding:10px}