/* =========================================================
   SERVIDOR DO RUI — 2000s / Web 1.0 / IE era Easter Egg
   Deliberately replaces the modern glassmorphism aesthetic.
   ========================================================= */
html{background:#7f9db9 !important;}
body{margin:0 !important;padding:0 !important;display:block !important;min-height:100vh !important;background-color:#d4d0c8 !important;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.18) 1px,transparent 1px,transparent 3px) !important;color:#111 !important;font-family:Verdana,Arial,Helvetica,sans-serif !important;font-size:11px !important;line-height:1.45 !important;}
body:before{content:"";display:block;height:18px;background:#0a246a;border-bottom:2px solid #fff;}
.bg-blur-1,.bg-blur-2,.bg-blur-3,.bg-blur,.float-shape{display:none !important;}
.wrap{width:760px !important;max-width:calc(100% - 20px) !important;margin:14px auto !important;position:relative !important;background:#fff !important;border:1px solid #404040 !important;box-shadow:2px 2px 0 #fff,4px 4px 0 #404040 !important;border-radius:0 !important;overflow:hidden !important;}
header{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:7px 9px !important;min-height:58px !important;background:linear-gradient(#4f8bd6,#0a246a) !important;border-bottom:3px double #fff !important;border-radius:0 !important;color:#fff !important;}
.brand{display:flex !important;align-items:center !important;gap:8px !important;}
.brand h1{margin:0 !important;font:bold 20px Georgia,'Times New Roman',serif !important;color:#fff !important;text-shadow:1px 1px #000 !important;}
.brand p{margin:1px 0 0 !important;color:#dcecff !important;font-size:10px !important;}
.logo{width:48px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#fff !important;border:2px outset #d4d0c8 !important;border-radius:0 !important;overflow:hidden !important;}
.logo img{max-width:44px !important;max-height:44px !important;border-radius:0 !important;}
nav{display:flex !important;flex-wrap:wrap !important;justify-content:flex-end !important;gap:2px !important;}
nav .pill,.pill{display:inline-block !important;padding:4px 7px !important;margin:0 !important;background:#d4d0c8 !important;color:#000 !important;border:2px outset #fff !important;border-radius:0 !important;text-decoration:none !important;font:bold 10px Verdana,Arial,sans-serif !important;white-space:nowrap !important;box-shadow:none !important;}
nav .pill:hover,.pill:hover{background:#ffffcc !important;color:#000 !important;text-decoration:underline !important;}
main{display:block !important;padding:0 !important;}
.hero{padding:12px !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
.hero:before{content:"Servidor do Rui :: Página Inicial";display:block !important;margin:-12px -12px 12px !important;padding:4px 7px !important;background:#316ac5 !important;color:#fff !important;font:bold 11px Tahoma,Verdana,sans-serif !important;border-bottom:1px solid #000080 !important;}
h2{font:bold 24px Georgia,'Times New Roman',serif !important;color:#003399 !important;margin:7px 0 !important;border-bottom:1px solid #808080 !important;padding-bottom:4px !important;}
h3{font:bold 15px Arial,Verdana,sans-serif !important;color:#003399 !important;}
h4{font:bold 12px Arial,Verdana,sans-serif !important;color:#003399 !important;}
p{color:#111 !important;}
.kicker{display:inline-block !important;background:#ffffcc !important;color:#000 !important;border:1px solid #999900 !important;border-radius:0 !important;padding:2px 5px !important;font:bold 10px Verdana,sans-serif !important;}
.features,.grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
.feature,.card,.svc,.contact-card,.section,.tech{background:#f4f4f4 !important;border:1px solid #808080 !important;border-radius:0 !important;box-shadow:inset 1px 1px 0 #fff,2px 2px 0 #c0c0c0 !important;padding:9px !important;}
.feature:hover,.card:hover,.svc:hover{background:#fffff0 !important;transform:none !important;}
.feature img,.svc-icon{filter:none !important;opacity:1 !important;}
.btn{display:inline-block !important;padding:4px 10px !important;border-radius:0 !important;background:#d4d0c8 !important;color:#000 !important;border:2px outset #fff !important;font:bold 11px Tahoma,Verdana,sans-serif !important;text-decoration:none !important;box-shadow:none !important;cursor:pointer !important;}
.btn:hover{background:#e8e8e8 !important;color:#000 !important;}
.btn:active{border-style:inset !important;}
.btn.primary{background:#d4d0c8 !important;color:#000 !important;}
.btn.ghost{background:#d4d0c8 !important;color:#000 !important;border:2px outset #fff !important;}
.cta-row{display:flex !important;gap:5px !important;flex-wrap:wrap !important;margin:8px 0 !important;}
.side{padding:0 12px 12px !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
.avatar{width:45px !important;height:45px !important;border-radius:0 !important;background:#316ac5 !important;border:2px outset #fff !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font:bold 17px Arial !important;}
.tech{display:flex !important;align-items:center !important;gap:9px !important;}
.muted,.meta{color:#555 !important;}
.tag,.tech,.note,.contact-card,.announcement-item{border-radius:0 !important;}
.tag{background:#316ac5 !important;color:#fff !important;border:1px solid #000080 !important;padding:2px 5px !important;font:bold 9px Verdana !important;}
.services-list{display:block !important;}
.svc{display:flex !important;gap:10px !important;margin:7px 0 !important;}
.svc-left{min-width:95px !important;}
.svc-text h3{margin:0 0 4px !important;}
.section{margin:12px !important;background:#fff !important;box-shadow:none !important;}
.section h2{font-size:18px !important;background:#316ac5 !important;color:#fff !important;padding:4px 7px !important;margin:-9px -9px 9px !important;border:0 !important;}
a{color:#0000ee !important;text-decoration:underline !important;}
a:visited{color:#551a8b !important;}
a:hover{color:#ff0000 !important;}
footer{background:#d4d0c8 !important;color:#333 !important;border-top:3px double #fff !important;padding:7px !important;text-align:center !important;}
.wrap:after{content:"";display:block;clear:both;}
/* old-web decorations */
.hero > p:first-of-type{font-size:12px !important;}
.announcements{border:1px solid #808080 !important;background:#ffffcc !important;border-radius:0 !important;padding:6px !important;}
.announcement-item{border-bottom:1px dotted #777 !important;padding:5px 0 !important;}
.note{background:#ffffcc !important;border:1px solid #999900 !important;padding:6px !important;}
/* Privacy / terms / media cards */
.card{margin-bottom:8px !important;}
.contact{background:#f4f4f4 !important;border:1px solid #808080 !important;padding:8px !important;}
/* QR generator */
body:has(.container){background:#7f9db9 !important;display:block !important;padding:0 !important;}
.container{width:760px !important;max-width:calc(100% - 20px) !important;margin:30px auto !important;padding:12px !important;background:#fff !important;border:1px solid #404040 !important;border-radius:0 !important;box-shadow:2px 2px 0 #fff,4px 4px 0 #404040 !important;color:#111 !important;}
.container h1{font:bold 22px Georgia,'Times New Roman',serif !important;text-align:left !important;color:#003399 !important;background:#d4d0c8 !important;border:1px solid #808080 !important;padding:5px 7px !important;margin:-1px -1px 12px !important;}
.container .subtitle{color:#222 !important;text-align:left !important;}
.container input{width:100% !important;padding:5px !important;border:2px inset #fff !important;border-radius:0 !important;background:#fff !important;color:#000 !important;font:11px Verdana !important;}
.container button{padding:4px 10px !important;border-radius:0 !important;background:#d4d0c8 !important;color:#000 !important;border:2px outset #fff !important;font:bold 11px Tahoma,Verdana !important;}
.container button:active{border-style:inset !important;}
.error{background:#ffcccc !important;border:1px solid #990000 !important;color:#900 !important;border-radius:0 !important;padding:5px !important;}
.privacy{background:#ffffcc !important;border:1px solid #999900 !important;color:#222 !important;border-radius:0 !important;padding:7px !important;}
#qrcode-wrapper{background:#f4f4f4 !important;border:1px solid #808080 !important;border-radius:0 !important;}
/* Responsive only when genuinely necessary; desktop remains intentionally fixed-width */
@media(max-width:600px){header{display:block !important}nav{margin-top:7px !important;justify-content:flex-start !important}.features,.grid{grid-template-columns:1fr !important}.wrap,.container{max-width:calc(100% - 10px) !important}.svc{display:block !important}.svc-left{min-width:0 !important;margin-bottom:5px !important}}