:root{--primary-color: #0ea5e9;--primary-hover: #0284c7;--secondary-color: #10b981;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--text-dark: #1e293b;--text-light: #64748b;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,system-ui,sans-serif}body{background-color:#f8fafc;background-image:radial-gradient(circle at 15% 50%,rgba(14,165,233,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.08),transparent 25%);background-attachment:fixed;color:var(--text-dark);line-height:1.6}.btn-primary,.btn-secondary,.btn-outline{text-decoration:none;padding:.6rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#38bdf8);color:var(--white);box-shadow:0 4px 15px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:var(--white)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);margin:1.5rem 5%;border-radius:20px;position:sticky;top:1.5rem;z-index:1000;box-shadow:0 10px 30px #0000000d}.nav-logo{height:40px}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.hero-section{position:relative;overflow:hidden;color:var(--white);text-align:center;display:flex;align-items:center;justify-content:center;min-height:85vh;margin:0 2%;border-radius:30px;box-shadow:0 20px 40px #0000001a}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#0003,#0009);z-index:1}.hero-content{position:relative;z-index:2;padding:3.5rem;max-width:800px;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:24px}.hero-content h2{font-size:3.5rem;margin-bottom:1rem}.hero-content p{font-size:1.3rem;margin-bottom:2.5rem;color:#e2e8f0}.modern-card,.form-container,.post-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;padding:2.5rem;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);transition:transform .4s ease,box-shadow .4s ease}.modern-card:hover,.post-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0ea5e91a;background:#ffffffd9}.services-section{padding:5rem 5%}.services-section h3{text-align:center;font-size:2.5rem;color:var(--text-dark);margin-bottom:3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.service-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon-wrapper{color:var(--primary-color);margin-bottom:1.2rem;background:#0ea5e91a;padding:1rem;border-radius:50%}.emergency-card{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none}.emergency-card .icon-wrapper{color:#fff;background:#fff3}.emergency-card h4{color:#fff}.contact-section{padding:4rem 5%}.contact-section h3{text-align:center;font-size:2.5rem;margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto}.contact-info ul{list-style:none;margin:1.5rem 0}.contact-info li{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.contact-info li svg{color:var(--primary-color)}.map-container{margin-top:2rem;border-radius:12px;overflow:hidden}.form-container{width:100%;max-width:480px;display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem;text-align:left;position:relative}.form-group label{display:block;margin-bottom:.6rem;font-weight:600;color:var(--text-dark);font-size:.95rem;letter-spacing:.3px}.form-group input,.form-group textarea{width:100%;padding:1rem 1.2rem;background:#f1f5f9cc;border:2px solid transparent;border-radius:14px;font-size:1rem;color:var(--text-dark);font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 3px 6px #0000000a}.form-group input:hover,.form-group textarea:hover{background:#ffffffe6;border-color:#0ea5e94d;box-shadow:inset 0 2px 4px #00000005}.form-group input:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--primary-color);box-shadow:0 10px 25px #0ea5e926,0 0 0 4px #0ea5e91a;transform:translateY(-3px)}.error-message{color:#ef4444;background:#ef44441a;padding:.8rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(239,68,68,.2);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.site-footer{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);margin:2rem 5%;border-radius:24px;padding:4rem 4rem 2rem;box-shadow:var(--glass-shadow)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-logo{height:55px;width:auto;object-fit:contain}.footer-brand .logo-container{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.footer-brand .logo-container h2{font-size:1.8rem;margin:0;color:var(--primary-color)}.social-icons{display:flex;gap:1.2rem;margin-top:1.5rem}.social-icons a{color:var(--text-light);transition:color .3s}.social-icons a:hover{color:var(--primary-color)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{text-decoration:none;color:var(--text-light);transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.newsletter-form{display:flex;gap:.5rem;margin-top:1rem}.newsletter-form input{padding:.8rem;border:1px solid var(--glass-border);border-radius:30px;flex:1}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05);color:var(--text-light);font-size:.9rem}.spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.spinner-logo{width:100px;animation:pulse 1.5s infinite ease-in-out;margin-bottom:1.5rem}@keyframes pulse{0%{transform:scale(.95);opacity:.8;filter:drop-shadow(0 0 10px rgba(14,165,233,.3))}50%{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 20px rgba(14,165,233,.6))}to{transform:scale(.95);opacity:.8;filter:drop-shadow(0 0 10px rgba(14,165,233,.3))}}.hero-content h2{font-size:clamp(2rem,5vw,3.5rem)!important}.hero-content p{font-size:clamp(1rem,2.5vw,1.3rem)!important}.services-section h3,.contact-section h3{font-size:clamp(1.8rem,4vw,2.5rem)}body{overflow-x:hidden;width:100%}@media (max-width: 1024px){.navbar{margin:1rem 2%}.contact-grid{gap:2rem}.site-footer{margin:1rem 2%;padding:3rem 2rem 1.5rem}}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem;padding:1rem;border-radius:16px}.nav-links{flex-wrap:wrap;justify-content:center}.hero-section{min-height:70vh;margin:0;border-radius:0}.hero-content{padding:2rem;margin:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.contact-grid{grid-template-columns:1fr}}@media (max-width: 480px){.nav-links{flex-direction:column;width:100%;gap:.5rem}.nav-links a{width:100%;text-align:center;padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.nav-links a:last-child{border-bottom:none}.services-grid{grid-template-columns:1fr}.modern-card,.form-container,.post-card{padding:1.5rem}.site-footer{padding:2rem 1rem 1rem;border-radius:0;margin:0}.footer-grid{gap:2rem}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.form-container{width:100%;max-width:450px}.form-container h2{text-align:center;color:var(--primary-color);margin-bottom:2rem}.form-container p{text-align:center;margin-top:1.5rem}.form-container a{color:var(--primary-color);font-weight:600;text-decoration:none}.page-wrapper{padding:4rem 5%;min-height:80vh}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.post-card{display:flex;flex-direction:column}.post-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.dashboard-wrapper{display:flex;height:100vh;padding:1.5rem;gap:1.5rem;background-color:#f8fafc;background-image:radial-gradient(circle at 15% 50%,rgba(14,165,233,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.08),transparent 25%);overflow:hidden}.sidebar-glass{width:280px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;padding:1.5rem;box-shadow:var(--glass-shadow);flex-shrink:0}.sidebar-header{padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:1.5rem;text-align:center}.sidebar-logo{height:45px;object-fit:contain}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.sidebar-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:transparent;border:none;border-radius:12px;color:var(--text-light);font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.sidebar-btn:hover{background:#0ea5e90d;color:var(--primary-color)}.sidebar-btn.active{background:linear-gradient(135deg,var(--primary-color),#38bdf8);color:#fff;box-shadow:0 4px 15px #0ea5e94d}.sidebar-footer{border-top:1px solid rgba(0,0,0,.05);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.user-mini-profile{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.user-info{display:flex;flex-direction:column}.user-info .name{font-weight:600;color:var(--text-dark);font-size:.95rem}.user-info .role{color:var(--secondary-color);font-size:.8rem;text-transform:capitalize;font-weight:500}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem;background:#ef44441a;color:#ef4444;border:none;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s}.logout-btn:hover{background:#ef4444;color:#fff}.main-panel-glass{flex-grow:1;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:2rem 3rem;border-bottom:1px solid rgba(0,0,0,.05)}.panel-header h2{color:var(--text-dark);font-size:1.8rem}.panel-content{padding:2rem 3rem;flex-grow:1;overflow-y:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.dashboard-wrapper{flex-direction:column;padding:.5rem;gap:.5rem}.sidebar-glass{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:1rem;border-radius:16px}.sidebar-header{border:none;padding:0;margin:0;width:auto}.sidebar-logo{height:35px}.sidebar-nav{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.sidebar-btn{padding:.5rem 1rem;flex-shrink:0;border-radius:20px}.sidebar-btn span{display:none}.sidebar-btn.active span{display:inline}.sidebar-footer{width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05);padding-top:1rem;margin-top:0}.user-mini-profile .user-info,.logout-btn span{display:none}.panel-header,.panel-content{padding:1.5rem}}.form-group.input,.form-group.textarea{width:100%;padding:1rem 1.2rem;background:#f1f5f9cc;border:2px solid transparent;border-radius:14px;font-family:inherit;font-size:1rem}.form-group.input:focus,.form-group.textarea:focus{outline:none;background:#fff;border-color:var(--primary-color);box-shadow:0 10px 25px #0ea5e926}.tiptap-editor-content .ProseMirror{min-height:200px;padding:1rem;outline:none}.tiptap-editor-content .ProseMirror p{margin-bottom:1rem}.tiptap-editor-content .ProseMirror ul,.tiptap-editor-content .ProseMirror ol{padding-left:1.5rem;margin-bottom:1rem}.modern-editor-container{background:#f1f5f980;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical;overflow:hidden;min-height:280px}.modern-editor-container:focus-within{background:#fff;border-color:var(--primary-color);box-shadow:0 10px 25px #0ea5e926}.tiptap-toolbar{display:flex;gap:.8rem;padding:1rem 1.5rem;background:#fffc;border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.tiptap-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-light);cursor:pointer;transition:all .2s ease}.tiptap-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);background:#fff;box-shadow:0 4px 10px #0ea5e91a}.tiptap-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 15px #0ea5e94d}.modern-editor-container>div:last-child{flex-grow:1;display:flex;flex-direction:column}.tiptap-editor-content{padding:1.5rem;outline:none!important;font-family:inherit;font-size:1.05rem;color:var(--text-dark);line-height:1.6;flex-grow:1;overflow-y:auto}.tiptap-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0}.tiptap-editor-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:1rem auto}