*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f9fc;color:#13213b}a{text-decoration:none;color:inherit}.topbar{height:72px;background:#071b3a;color:#fff;display:flex;align-items:center;padding:0 4%;gap:42px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:6px;font-weight:800;font-size:17px;line-height:.9;letter-spacing:.2px}.brand .sun{font-size:34px;color:#ffc400}.brand em{font-style:normal;font-size:11px;background:#ffc400;color:#111;padding:4px 6px;border-radius:4px;margin-left:-4px;margin-top:17px}.topbar nav{display:flex;gap:26px;font-size:13px;font-weight:600;flex:1}.topbar nav a:hover{color:#ffd23c}.top-actions{display:flex;gap:8px}.icon-btn,.lang,.login{border:1px solid #405172;background:#10284d;color:#fff;border-radius:8px;padding:9px 12px}.login{background:#ffc400;color:#111;border-color:#ffc400;font-weight:700}* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, Arial, sans-serif; background: #f7f9fc; color: #13213b; }

.hero {
    position: relative;
    background: linear-gradient(110deg, #071b3a, #12315b);
    overflow: hidden;
}

.hero:after {
    display: none !important;
}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,43,.95),rgba(7,27,58,.65),rgba(7,27,58,.4))}.hero-inner{position:relative;z-index:2;max-width:1280px;margin:auto;padding:46px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.eyebrow{color:#ffd23c;font-size:12px;font-weight:800}.hero h1{font-size:48px;line-height:1.08;margin:10px 0}.hero h1 span{color:#ffc400}.hero-copy>p:not(.eyebrow){max-width:620px;color:#d9e1ed;line-height:1.6}.search{display:flex;max-width:620px;margin:25px 0 12px}.search input{flex:1;padding:17px 18px;border:0;border-radius:10px 0 0 10px;font-size:14px}.search button{width:60px;border:0;background:#ffc400;border-radius:0 10px 10px 0;font-size:25px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{background:transparent;border:1px solid #8190a8;color:#fff;border-radius:7px;padding:7px 11px}.today-card{background:rgba(10,28,57,.86);border:1px solid #3b5073;border-radius:12px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.card-head,.card-title,.section-head{display:flex;align-items:center;justify-content:space-between}.card-head span,.muted{font-size:11px;color:#aab6c8}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.today-grid>div{background:#122b50;padding:13px;border-radius:8px;display:grid;gap:5px}.today-grid i{color:#ffd13b;font-style:normal}.today-grid small{color:#b7c2d2}.today-grid b{font-size:14px}.today-grid span{font-size:10px;color:#aeb9c9}.outline-btn,.primary-btn{display:block;text-align:center;padding:12px;border-radius:7px;font-weight:700}.outline-btn{border:1px solid #637492;color:#fff}.primary-btn{background:#09234a;color:#fff;border:0;width:100%;cursor:pointer}.dashboard{max-width:1280px;margin:-1px auto 0;padding:22px 20px;position:relative;z-index:3}.three-col{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px}.card,.rent-section{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:18px;box-shadow:0 5px 20px rgba(24,45,80,.05)}.card-title h2,.section-head h2{font-size:16px;margin:0}.card-title button,.card-title a,.section-head a{background:none;border:0;color:#3774d7;font-size:12px}.location{background:#f7f9fc;padding:10px;margin:15px 0;border-radius:7px;font-size:12px}.location select{border:0;background:transparent;font-weight:600}.date-row{display:flex;justify-content:space-between;font-size:11px;color:#65738a;padding:8px 0;border-bottom:1px solid #edf0f4}.date-row b{color:#15814a}.prayer-row{display:flex;align-items:center;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #f0f2f5;font-size:12px}.prayer-row strong{font-size:13px}.prayer-row.active{color:#ef8b00}.next-prayer{margin-top:12px;background:#f0faf5;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:3px}.next-prayer small{color:#68758a}.next-prayer strong{grid-column:1}.next-prayer b{grid-column:2;grid-row:1/3;color:#15945b;font-size:19px}.next-prayer span{font-size:9px;color:#778294}.mini-nav{display:grid;grid-template-columns:repeat(5,1fr);margin:12px -5px -5px}.mini-nav button{border:0;background:transparent;font-size:10px;color:#67748a;padding:8px 2px}.money-input{display:flex;border:1px solid #dfe5ee;border-radius:8px;overflow:hidden;margin:15px 0 0}.money-input input{border:0;flex:1;padding:13px;font-size:18px;min-width:0}.money-input select{border:0;background:#fff;padding:0 12px;font-weight:700}.swap{display:block;margin:-7px auto;background:#fff;border:1px solid #dce2eb;border-radius:50%;width:34px;height:34px;position:relative;z-index:2}.rate-line{display:flex;justify-content:space-between;margin:14px 0;font-size:12px}.rate-line b{color:#168c50}.subhead{font-size:11px;font-weight:700;margin:12px 0 7px}.currency table{width:100%;font-size:9px;border-collapse:collapse}.currency th,.currency td{padding:7px 2px;text-align:center;border-bottom:1px solid #edf0f4}.jobs-list-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.job-icon{width:34px;height:34px;border-radius:8px;background:#eef4ff;display:grid;place-items:center}.jobs-list-item small,.jobs-list-item span{display:block;color:#7b8799;font-size:10px;margin-top:3px}.jobs-list-item strong{font-size:12px}.jobs-list-item em{font-style:normal;font-size:9px;color:#ff9b00;background:#fff7e7;padding:4px;border-radius:5px}.jobs .primary-btn{margin-top:13px}.rent-section{max-width:1240px;margin:0 auto 20px}.status{font-size:10px;color:#168c50}.rent-grid{display:grid;grid-template-columns:190px 1fr;gap:15px;margin-top:15px}.filters{display:grid;gap:10px}.filters label{font-size:10px;color:#66748a}.filters select{display:block;width:100%;padding:9px;margin-top:4px;border:1px solid #e1e6ee;border-radius:6px;background:#fff;font-size:11px}.room-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.room{border:1px solid #e2e7ef;border-radius:9px;overflow:hidden}.room-img{height:105px;background:linear-gradient(135deg,#e7edf3,#cbd5df);display:grid;place-items:center;font-size:35px}.room-body{padding:9px}.room-body strong{font-size:11px}.room-body b{display:block;color:#168c50;font-size:12px;margin:7px 0}.room-body span{font-size:9px;color:#778294}.tools-section,.updates{max-width:1240px;margin:25px auto;padding:0 0}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tool{background:#fff;border:1px solid #e4e8ef;border-radius:9px;padding:14px;display:flex;gap:10px;align-items:center;min-height:75px}.tool-icon{width:38px;height:38px;border-radius:9px;background:#eef4ff;display:grid;place-items:center;font-size:18px}.tool strong{font-size:11px;display:block}.tool span{font-size:9px;color:#7b8799}.update-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.update{background:#fff;border:1px solid #e4e8ef;border-radius:9px;padding:14px;display:grid;gap:7px}.update b{font-size:10px}.update strong{font-size:15px}.update span{font-size:9px;color:#758297}.up{color:#15945b!important}.why{max-width:1240px;margin:30px auto 0;background:#fffaf0;border-top:1px solid #f3e7c6;padding:25px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:20px;align-items:center}.why h2{margin:0 0 8px;font-size:19px}.why p{font-size:11px;color:#66748a;line-height:1.5}.why .primary-btn{width:170px;background:#ffc400;color:#111}.why-item{text-align:center}.why-item b{font-size:25px;display:block;margin-bottom:7px}.why-item strong{display:block;font-size:12px}.why-item span{font-size:9px;color:#778294}footer{background:#061a38;color:#d6dfeb;margin-top:0;padding:40px 5% 15px}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.footer-grid p{font-size:11px;line-height:1.6;color:#9facbf;max-width:230px}.footer-grid h4{color:#fff;font-size:12px;margin:0 0 14px}.footer-grid>a,.footer-grid div>a:not(.brand){display:block;color:#9facbf;font-size:10px;margin:9px 0}.footer-brand{margin-bottom:16px}.copyright{max-width:1240px;margin:30px auto 0;border-top:1px solid #213452;padding-top:13px;font-size:9px;color:#8c9bb0}.copyright span{float:right}.to-top{position:fixed;right:20px;bottom:20px;border:0;background:#ffc400;width:40px;height:40px;border-radius:50%;font-size:20px;z-index:30}@media(max-width:1000px){.topbar nav{display:none}.hero-inner,.three-col,.why{grid-template-columns:1fr}.today-card{display:none}.room-list{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(3,1fr)}.update-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{padding:0 15px;gap:10px}.top-actions{margin-left:auto}.hero-inner{padding:35px 18px}.hero h1{font-size:36px}.dashboard{padding:12px}.three-col{gap:12px}.rent-section,.tools-section,.updates{margin-left:12px;margin-right:12px}.rent-grid{grid-template-columns:1fr}.room-list{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.update-grid{grid-template-columns:1fr}.why{margin:25px 12px;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright span{float:none;display:block;margin-top:8px}.today-grid{grid-template-columns:repeat(2,1fr)}}
/* --- Hero Text & Font Size Fix --- */
.hero h1 {
    color: #ffffff !important;
    font-size: 52px !important;
}

.hero p, .hero-copy, .hero span {
    color: #e2e8f0 !important;
}

body {
    font-size: 15px !important;
}