*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#061f35;color:#eef9ff;font-family:Arial,Tahoma,sans-serif}.ro-topbar{width:100%;background:#061f35;border-bottom:1px solid #166394;position:relative;z-index:50}.ro-nav{max-width:1200px;min-height:72px;margin:0 auto;display:flex;align-items:center;gap:18px}.ro-logo{flex:0 0 auto;color:#eef9ff!important;text-decoration:none!important;font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:27px;letter-spacing:-1px;text-shadow:0 0 12px rgba(71,184,255,.55)}.ro-links{display:flex;align-items:center;gap:4px;flex:1}.ro-links a,.ro-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;text-decoration:none!important;font-weight:800;font-size:14px;white-space:nowrap}.ro-links a,.ro-login{background:linear-gradient(180deg,#31d36c,#0e9c45);color:#fff!important;border:1px solid #5bed8e;box-shadow:inset 0 1px rgba(255,255,255,.18)}.ro-links a:hover,.ro-login:hover{filter:brightness(1.08)}.ro-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.ro-register{background:linear-gradient(180deg,#ff6a79,#eb4658);color:#fff!important;border:1px solid #ff8994}.ro-register:hover{filter:brightness(1.06)}
@media(max-width:900px){.ro-nav{padding:10px;gap:10px;flex-wrap:wrap}.ro-logo{width:100%;text-align:center}.ro-links{order:2;flex:1 1 100%;justify-content:center;flex-wrap:wrap}.ro-actions{position:absolute;right:10px;top:10px}.ro-links a,.ro-actions a{min-height:36px;padding:0 11px;font-size:12px}}
@media(max-width:560px){.ro-actions{position:static;order:3;margin:0 auto}.ro-links a{flex:1 1 calc(50% - 4px)}.ro-nav{justify-content:center}}