:root{--bg-color:#f8fafc;--header-bg:#f0f4ff;--text-main:#111827;--text-muted:#4b5563;--primary-dark:#0a142f;--border-color:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{background-color:#f8fafc;flex:1;padding:40px 24px}.blank-container{background-color:#fff;border:1px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;max-width:1200px;min-height:60vh;margin:0 auto;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.header{z-index:1000;background-color:#f0f4ff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 24px;display:flex}.logo{color:#1a2b4c;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.nav-menu{align-items:center;gap:40px;display:flex}.nav-item{color:#1e293b;cursor:pointer;align-items:center;gap:6px;font-size:15px;font-weight:500;transition:color .2s;display:flex}.nav-item:hover{color:#0f172a}.contact-btn{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:500;transition:background-color .2s}.contact-btn:hover{background-color:#1f2937}.mobile-menu-btn{cursor:pointer;color:#1a2b4c;background:0 0;border:none;font-size:24px;display:none}.mobile-nav{background-color:#fff;border-top:1px solid #e2e8f0;padding:16px 24px;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.mobile-nav-item{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 0;font-size:16px;font-weight:500;display:block}.mobile-nav-actions{padding-top:20px;padding-bottom:10px}.full-width{width:100%;padding:12px}@media (width<=768px){.nav-menu,.header-actions{display:none}.mobile-menu-btn,.mobile-nav{display:block}}.footer{background-color:#fff;border-top:1px solid #e2e8f0;padding-top:60px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto 40px;padding:0 24px;display:flex}.footer-brand{max-width:300px}.footer-brand .logo{color:#1a2b4c;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.footer-desc{color:#64748b;margin-top:16px;font-size:14px;line-height:1.6}.footer-links{flex-wrap:wrap;gap:80px;display:flex}.footer-column h4,.footer-subscribe h4{color:#0f172a;margin-bottom:20px;font-size:16px;font-weight:600}.footer-column a{color:#64748b;margin-bottom:12px;font-size:14px;transition:color .2s;display:block}.footer-column a:hover{color:#0f172a}.footer-subscribe{max-width:300px}.subscribe-form{gap:8px;margin-bottom:8px;display:flex}.subscribe-form input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.subscribe-form input:focus{border-color:#3b82f6;outline:none}.subscribe-form button{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;padding:10px 16px;font-weight:500}.subscribe-form button:hover{background-color:#1f2937}.sub-msg{margin-top:4px;font-size:13px}.sub-msg.success{color:#059669}.sub-msg.error{color:#dc2626}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;padding:24px;font-size:14px}@media (width<=768px){.footer-links{gap:40px}.footer-container,.subscribe-form{flex-direction:column}}.contact-page{background-color:var(--bg-color);justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:80px 24px;display:flex}.contact-container{border:1px solid var(--border-color);background-color:#fff;border-radius:16px;width:100%;max-width:600px;padding:40px;box-shadow:0 10px 25px -5px #0000000d}.contact-header{text-align:center;margin-bottom:32px}.contact-header h2{color:var(--text-main);margin-bottom:8px;font-size:32px}.contact-header p{color:var(--text-muted);font-size:16px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;width:100%;display:flex}.form-group label{color:var(--text-main);font-size:14px;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.submit-btn{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:#1f2937}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.alert{border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.alert.success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.alert.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}