html{scroll-padding-top:90px}
body{font-family:"Segoe UI Variable","Aptos","Segoe UI",Arial,sans-serif}
.erp-brand img{width:100%;height:auto;object-fit:contain}
.menu{color:#fff;font-size:24px;cursor:pointer}
.contact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0878f9,#7045d8);color:#fff;font-size:28px;box-shadow:0 0 25px #1688ff66}
.service-top{position:relative;z-index:1}
.service-top>span:first-child{margin-right:auto}
.service-grid article>*{position:relative;z-index:1}
.contact-details,.institutional{padding:90px max(7vw,32px);background:#06111d;color:#fff}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-list{display:grid;gap:12px}
.contact-list a{display:flex;justify-content:space-between;gap:24px;padding:24px;border:1px solid #315774;border-radius:14px;background:linear-gradient(135deg,#0a2942,#151631);box-shadow:0 16px 45px #0007}
.contact-list span,.institutional p{color:#a9bdd0}
.institutional>p{max-width:720px;font-size:18px;line-height:1.7}
.institutional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}
.institutional-grid article{padding:28px;border:1px solid #315774;border-radius:14px;background:linear-gradient(145deg,#0b2032,#11152d)}
.institutional-grid b{color:#69d5ff;letter-spacing:.12em}.institutional-grid h3{font-size:21px}
.ticket-form label{display:grid;gap:8px;color:#d8e8f4;font-weight:700}
.ticket-form input,.ticket-form textarea{width:100%;padding:13px 14px;border:1px solid #29475d;border-radius:8px;background:#061725;color:#f4f9fd;font:inherit}
.ticket-form textarea{resize:vertical}.hp{position:absolute!important;left:-9999px!important}
.sending{color:#8ddcff}.success-message{color:#63e6ae}.error-message,.form-error{color:#ff9eaa}.form-success{color:#63e6ae}
.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 15%,#0b62bb55,transparent 30%),#030b15}
.login-card{width:min(100%,480px);display:grid;gap:15px;padding:34px;border:1px solid #315774;border-radius:18px;background:linear-gradient(145deg,#0c2b45,#081724);box-shadow:0 35px 90px #000b;color:#fff}
.login-card img{width:210px}.login-card h1{font-size:40px;margin:5px 0}.login-card p{color:#a9bdd0}.login-card label{display:grid;gap:7px}.login-card input,.admin-section input,.admin-section textarea{width:100%;padding:13px;border:1px solid #315774;border-radius:8px;background:#061725;color:#fff;font:inherit}.login-card button,.php-admin button{padding:14px;border:0;border-radius:8px;background:linear-gradient(120deg,#0878f9,#6845da);color:#fff;font-weight:800;cursor:pointer}
.php-admin{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#06111d;color:#fff}.php-admin>aside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px;padding:25px 18px;background:#030b15;border-right:1px solid #20384d}.php-admin>aside img{width:190px;margin-bottom:20px}.php-admin>aside a{padding:12px;border-radius:8px;color:#b9ccda}.php-admin>aside a:hover{background:#0c2a43;color:#fff}.php-admin>aside form{margin-top:auto}.php-admin>aside button{width:100%}.php-admin>main{padding:55px max(5vw,30px)}.php-admin>main>h1{font-size:52px}.admin-section{max-width:850px;display:grid;gap:13px;margin:35px 0;padding:28px;border:1px solid #315774;border-radius:15px;background:linear-gradient(145deg,#0b2032,#081824)}.admin-section h2{font-size:32px;margin:0 0 10px}.admin-section label{display:grid;gap:7px;color:#d6e6f2;font-weight:700}.admin-section textarea{resize:vertical}.admin-section .save{justify-self:start}
@media(max-width:900px){nav.open{position:absolute;display:flex;flex-direction:column;top:78px;left:0;right:0;padding:22px;background:#05101bf7;border-bottom:1px solid #315774}.contact-details{grid-template-columns:1fr}.institutional-grid{grid-template-columns:1fr}.php-admin{grid-template-columns:1fr}.php-admin>aside{position:static;height:auto;flex-direction:row;overflow:auto}.php-admin>aside img{display:none}.php-admin>aside form{margin:0 0 0 auto}.php-admin>aside button{white-space:nowrap}}
@media(max-width:600px){.contact-list a{flex-direction:column;gap:6px}.php-admin>main{padding:30px 18px}.php-admin>main>h1{font-size:40px}.admin-section{padding:20px}.login-card{padding:25px}}