:root { --lt-sidebar-w: 280px; --lt-primary: #0077b6; --lt-bg: #fdfdfd; --lt-text: #333; }
body { margin:0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; background: var(--lt-bg); color: var(--lt-text); display: flex; min-height: 100vh; }
a { text-decoration: none; color: inherit; }
.lt-sidebar { width: var(--lt-sidebar-w); background: #03045e; color: #fff; height: 100vh; position: fixed; top: 0; left: 0; padding: 40px 20px; box-sizing: border-box; display: flex; flex-direction: column; overflow-y: auto; }
.lt-logo { font-size: 26px; font-weight: bold; margin-bottom: 50px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; letter-spacing: 1px; }
.lt-nav { flex: 1; }
.lt-nav a { display: block; padding: 15px 20px; color: #caf0f8; font-size: 16px; border-radius: 4px; margin-bottom: 5px; transition: 0.2s; }
.lt-nav a:hover { background: rgba(255,255,255,0.1); color: #fff; }
.lt-contact-info { padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 13px; color: #90e0ef; text-align: center; }
.lt-main { margin-left: var(--lt-sidebar-w); flex: 1; display: flex; flex-direction: column; width: calc(100% - var(--lt-sidebar-w)); box-sizing: border-box; }
.lt-hero { width: 100%; height: 450px; object-fit: cover; border-bottom: 5px solid var(--lt-primary); display: block; }
.lt-content { padding: 60px 80px; max-width: 1000px; flex: 1; box-sizing: border-box; }
.lt-title { font-size: 42px; color: #023e8a; margin-top: 0; margin-bottom: 30px; font-weight: 800; }
.lt-text { font-size: 18px; line-height: 1.8; color: #495057; text-align: justify; }
.lt-text p { margin-bottom: 25px; }
.lt-list { list-style: none; padding: 0; margin-top: 30px; }
.lt-list li { padding: 20px 25px; background: #fff; margin-bottom: 15px; border-left: 5px solid var(--lt-primary); box-shadow: 0 4px 6px rgba(0,0,0,0.03); font-size: 17px; }
.lt-list li strong { color: #023e8a; display: block; margin-bottom: 5px; font-size: 19px; }
.lt-btn { display: inline-block; background: var(--lt-primary); color: #fff; padding: 15px 40px; border-radius: 30px; font-weight: bold; font-size: 16px; margin-top: 30px; text-transform: uppercase; letter-spacing: 1px; transition: 0.3s; }
.lt-btn:hover { background: #005f92; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,119,182,0.3); }
.lt-form input, .lt-form textarea { width: 100%; padding: 15px; margin-bottom: 20px; border: 1px solid #ced4da; border-radius: 4px; box-sizing: border-box; font-family: inherit; font-size: 16px; }
.lt-form button { background: var(--lt-primary); color: #fff; border: none; padding: 15px 30px; border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.lt-footer { background: #e9ecef; padding: 40px 80px; text-align: center; color: #6c757d; font-size: 14px; margin-top: auto; border-top: 1px solid #dee2e6; }
.lt-footer a { color: var(--lt-primary); margin: 0 10px; font-weight: 600; }
.lt-footer a:hover { text-decoration: underline; }
