.about-container{max-width:800px;margin:2rem auto;padding:0 1rem;color:#333}.about-header h1{text-align:center;font-size:2rem;margin-bottom:2rem;font-weight:500}.about-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:1.5rem}.about-card h2{font-size:1.3rem;margin-bottom:.75rem;color:#333}.about-card p{margin-bottom:1rem;color:#555;line-height:1.5}.about-card ul{padding-left:1rem;list-style:disc;color:#444}.about-footer{text-align:center;margin-top:2rem;font-size:.9rem;color:#777}
.contact-container{max-width:600px;margin:3rem auto;padding:0 1rem;color:#333}.contact-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1);text-align:center}.contact-card h1{margin-bottom:1.5rem;font-weight:600;font-size:1.8rem;color:#222}.email-address{font-weight:700;color:#007aff;word-break:break-word}.contact-actions{margin-top:2rem}.contact-button{background-color:#007aff;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.contact-button:focus,.contact-button:hover{background-color:#005ecb;outline:0}
.error-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fafafa}.error-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);text-align:center;max-width:400px;width:100%}.error-title{font-size:2rem;color:#333;margin-bottom:1rem}.error-text{color:#555;margin-bottom:1.5rem;font-size:1rem}.error-button{display:inline-block;padding:.75rem 1.5rem;background-color:#007aff;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .3s}.error-button:hover{background-color:#005ecb}
body,html{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}.content-wrapper,main{flex:1}.custom-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#000409,#000409);color:#fff;text-align:center;padding:1rem 0;font-weight:600;font-size:.9rem;box-shadow:0 -4px 8px rgba(0,0,0,.15);border-top-left-radius:12px;border-top-right-radius:12px;user-select:none}
.site-header{background-color:#f8f8f8;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;position:relative;z-index:100;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.header-container{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.3rem;letter-spacing:.02em;color:#333;font-weight:500;text-transform:uppercase}.mobile-menu a,.nav-links a{color:#333;text-decoration:none;padding:.5rem 1rem;letter-spacing:.01em;opacity:.9;transition:opacity .3s,color .3s;font-weight:400}.mobile-menu a:hover,.nav-links a:hover{opacity:1;color:#007aff}.menu-toggle{display:none;background:0 0;border:none;color:#333;font-size:1.5rem;cursor:pointer;transition:color .3s}.menu-toggle:hover{color:#007aff}.mobile-menu{max-height:0;overflow:hidden;opacity:0;background:#f8f8f8;border-top:1px solid #e0e0e0;transition:max-height .4s,opacity .3s}.mobile-menu.show{opacity:1;max-height:500px;padding:1rem 0}@media (max-width:768px){.desktop-only{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;flex-direction:column}.mobile-menu a{padding:.75rem 1rem}}
.page-header{padding:2rem 1rem;text-align:center}.page-title{font-size:2rem;font-weight:500;color:#333}.container{max-width:800px;margin:2rem auto;padding:0 1rem}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:box-shadow .3s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.profile-media{text-align:center;margin-bottom:1rem}.profile-img{width:200px;border-radius:50%;border:1px solid #e0e0e0}.profile-name{font-size:1.5rem;text-align:center;margin-bottom:.5rem;color:#333}.profile-text{text-align:center;color:#555;font-size:1rem;line-height:1.5}.section-title{font-size:1.2rem;margin-bottom:1rem;color:#333}.list{list-style:none;padding:0;margin:0}.list li{padding:.5rem 0;color:#444;font-size:1rem}
.chat-container{max-width:600px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(64,80,181,.15);padding:24px;display:flex;flex-direction:column;gap:20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#222}.chat-header h1{color:#4050b5;font-weight:600;font-size:2rem;margin-bottom:8px;text-align:center}.chat-header p{font-size:1rem;color:#5a5a5a;text-align:center;line-height:1.4}.chat-window{background:#f4f6fc;border-radius:10px;height:320px;overflow-y:auto;padding:16px;box-shadow:inset 0 0 8px rgba(64,80,181,.05);font-size:1rem}.chat-window p{margin:0 0 10px;padding:8px 12px;background:#e1e6fb;border-radius:8px;max-width:80%;box-shadow:0 1px 2px rgba(64,80,181,.15)}.chat-window p strong{color:#4050b5}.chat-form{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.chat-form input[type=text]{flex:1 1 100px;min-width:100px;padding:10px 14px;border:1.8px solid #ccc;border-radius:10px;font-size:1rem;transition:border-color .3s}.chat-form input[type=text]:focus{border-color:#4050b5;outline:0;box-shadow:0 0 8px rgba(64,80,181,.3)}.chat-form button{background-color:#4050b5;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:background-color .3s;flex-shrink:0}.chat-form button:focus,.chat-form button:hover{background-color:#2f3c94;outline:0}
h1{color:#4050b5;font-size:2.2rem;text-align:center;font-weight:600;margin-bottom:1.5rem;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.mdl-card{width:100%;max-width:600px;margin:1rem auto;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(64,80,181,.15);padding:1.5rem;transition:box-shadow .3s}.mdl-card:hover{box-shadow:0 8px 30px rgba(64,80,181,.3)}.mdl-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem}